LogoMark.png

情報デザイン演習IIIA/2021/0928

第3回|WordPress の基礎

情報デザイン演習IIIA/2021 2021.09.28
学科サイト|受講生一覧

AGENDA


以下、LIVE動画をご覧下さい。記事に沿って解説します。
記録動画は、学科サイト|情報デザイン演習IIIA/限定にアーカイブしています。



CONTENTS




はじめに

WordPressサイトについて


今後の進行計画

配信後の質問について




WordPress の基本操作

サイトの管理

サイトの管理は「ダッシュボード」から行います。


初期設定


外観 > テーマ の選定

サイトの外観はページの雛形となるHTML構造とCSSによって決まります。
これをセットで扱っているのが「テーマ」で、その変更は非常に簡単です。
ただし、テーマを変更すると、今まで表示されていたメニューが表示されなくなるなどの現象が生じることもあります(テーマを戻せば元どおりになります。メニューのデータそのものが消えてなくなるわけではありません)。

記事の作成

WordPress の情報公開には「投稿」と「固定ページ」の2つの方法があります。

はじめに

EditMode.jpg

WordPress はスマホに最適化されているので、PCで編集する際に使いにくさを感じることがあります。以下、ダッシュボード右上のケバブメニュー(3つのドットが垂直に並んだアイコン)を確認して、作業しやすいモードに切り替えておきましょう。

ちなみに、デフォルトはフルスクリーンモードなのでダッシュボード左のメニューが消えます。これは混乱を招くので、「フルスクリーンモード」についているチェックを外す方がいいかもしれません。

投稿(Post|Flow)

お知らせ、近況報告など、Blog的な情報公開には「投稿」を使います。 

投稿>新規>タイトルと本文を書いて>公開


固定ページ(Page|Stock)

常設的に公開する情報は「固定ページ」を使って掲載します。固定ページは一般に「メインメニュー」に表示されるので、一般のWebサイトと同様のサイト構成が可能になります。

固定ページ>新規>タイトルと本文を書いて>更新


投稿・固定ページの削除について

エディタの使い方

WordPress の記事の編集では、ブロックエディタ(Gutenberg)と「テキストエディタ」があって、右上のメニューから切り替えて使うことが出来ます。

投稿の詳細設定

投稿全体や記事内の個々のブロックのスタイルに関する設定が可能です。
画面右上の「設定アイコン」をクリックするとパネルが表示されます。

ブロックの設定.jpg
投稿の設定.jpg




メディア

メディアの管理

WordPressでは画像や動画・音楽などをメディアと呼びます。

参考:他人の著作物を勝手にアップロードすることは違法です。
サンプル画像(投稿練習)では、WikimediaCommonsなどのサイトで
PublicDomainの画像を見つけて利用して下さい。以下、検索事例
https://commons.wikimedia.org/wiki/Leonardo_da_Vinci

メディアの活用

メディア(画像)は以下の場面で利用することができます。




本日の演習

サイト名等の設定

サンプル投稿




学科サイトの更新

サイト名・概要部分

プロジェクト管理部分

進捗記録の部分

以下の形式を参考に、本日の作業報告を記載して下さい。

**2020.09.28
***私のアナザースカイ|作業メモ
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯。
-◯◯◯◯◯◯、◯◯◯◯◯◯◯◯、◯◯◯◯。
~

***WordPress|技術メモ
(本日の演習で学んだ WordPress の基本操作についてメモを残しましょう)
~




PAGES

GUIDE

TOOL

DATA

Last-modified: 2021-10-01 (金) 19:16:35