LogoMark.png

情報デザイン演習IIIA/2020/1001

第3回 WordPress の基本操作

情報デザイン演習IIIA/2020|情報デザイン専攻|2020.10.01遠隔
情報共有シートプロジェクト一覧学科サイト

AGENDA


以下、LIVE動画をご覧下さい。記事に沿って解説しています。



本日のメニュー


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

メディアの活用

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




私のアナザースカイ|現状分析

あなた(たち)が選定した「場所」について、Web上の記事を検索して、すでにどのような情報がアップされているか、いわゆる「先行事例」をピックアップするとともに、それらが抱える「問題(欠けていること)」を見いだして下さい。



学科サイトに本日の作業結果を報告

プロジェクトページの下の方、Worklog に以下の形式で報告を行って下さい。

**2020.10.01
***私のアナザースカイ|先行情報URL
-https://xxxxxx.xxxx.xxx
-https://xxxxxx.xxxxxxx.xxx
~

***私のアナザースカイ|現状の問題
-◯◯◯◯の情報が不足している。
-◯◯◯◯◯◯を紹介するにあたって◯◯◯の視点が欠けている。
~

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





PAGES

GUIDE

DATA

Last-modified: 2020-10-01 (木) 17:28:26