2018年3月25日開催「WordPress初心者講座」(主催 UX Yokohama) の講義資料です。ページ数が多いため資料01から資料05まで5分割してSlideShareに投稿しています。WordPress 4.x の基本的な操作方法をハンズオン形式で解説する内容です。残念ながらWordPress 5.x (Gutenberg) の登場により講義後半の内容が無意味になってしまいました。 資料01 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-01 資料02 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-02 資料03 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-03 資料04 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-04 資料05 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-05

1. 主催：
WordPress初心者講座・ワードプレスを使ってみよう
1. WordPress(ワードプレス)とは
2. WordPressの機能説明
2018.3.25開催

2. >2
1. WordPress(ワードプレス)とは

3. WordPressはウェブサイトを作成するアプリケーショ
ンソフトです。
>3

4. ワードやエクセルのような一般的なソフトとは異なり
WordPressはウェブサーバーにインストールして使い
ます。
>4

5. WordPressは、ウェブブラウザから遠隔操作します。
>5

6. 多数の長所により、WordPressは多くの人に選ばれて
います。
>6
デザインが豊富
• ｢テーマ｣と呼ばれるデザインの雛形をそのまま
使ってウェブサイトの見栄えをデザインできる
• カスタマイズに関する資料も豊富
管理がラク
• 業者に外注せずとも自力で運営できる
多機能
• ｢プラグイン｣と呼ばれる部品の追加によって
ウェブサイトに機能を追加できる
SEO検索エンジン最適化
• ウェブサイトを目立たせることができる

7. 画像引用：「東京大学大学院教育学研究科」http://www.p.u-tokyo.ac.jp/
WordPressでつくられた
ウェブサイトの例

8. 画像引用：「ヤマサ醤油株式会社」http://www.yamasa.com/
WordPressでつくられた
ウェブサイトの例

9. 画像引用：「株式会社松屋フーズ」https://www.matsuyafoods.co.jp/
WordPressでつくられた
ウェブサイトの例

10. 残念ながら、WordPressにはデメリットもあります。
>10
多機能＝難しい
• 簡単なのは基本機能だけ。すべての機能を使い
こなすには技術的知識が必要。
セキュリティ
• 最も普及したツールであるために、ハッキング
犯罪者に狙われやすい。
• セキュリティ対策を正しく施すにも技術的知識
が必要。
お金がかかる
• WordPress自体は無料だが、ウェブサーバーを
レンタルする費用が毎月発生する。

11. 多機能を必要としない人のための別の選択肢もありま
す。（UX Yokohama は Ownd を使っています）
>11

12. 多機能を必要としない人のための別の選択肢もありま
す。（UX Yokohama は Ownd を使っています）
>12
今日は良い機会です！
WordPressが自分に適したアプリかどうか
実際に操作して試してみましょう。

13. ここまでのふりかえり
>13
•WordPressはウェブサイトを編集するアプリである
•WordPressはウェブサーバーにインストールし、パソ
コンのウェブブラウザから遠隔操作する
•WordPressによってウェブサイトの管理が楽になる
•WordPressは非常に多機能であるため、すべての機能
を使いこなすのは難しい。基本機能だけを使うのであ
れば簡単に使える
•WordPress自体は無料であるが、実際にはサーバーを
レンタルする費用が必要である

14. >14
2. WordPressの機能説明

15. WordPressでは、見栄えに関する設定と、全ページ共通
で使用する挿絵とを１つにまとめ、簡単に差し替え可能
な部品として扱います。これを「テーマ」と呼びます。
>15
投稿する文章を書く
あらかじめ選んだテーマ 見栄えの良いページ
画像引用：「東京大学大学院教育学研究科」http://www.p.u-tokyo.ac.jp/

16. ｢テーマ｣ はすべてのページに適用され、ウェブサイトに統
一感が生まれます。しかしながら、ワードやエクセルのよ
うにページの見たままを編集することはできません。
>16
投稿画面では見栄えに関する
編集はほぼできません。文字
サイズを大きくしたり太字に
して強調する程度です。

17. たくさんの「テーマ」が無料配布されています。見栄
えの良いウェブサイトをつくるためにデザインを勉強
する必要はありません。
>17

18. テーマを選ぶだけでなく、テーマの「カスタマイズ」
を行うことも可能です。配色や挿絵を変えるだけでも
印象は大きく変わります。
>18

19. WordPressでつくるウェブサイトには、2種類のペー
ジがあります。｢投稿｣ と ｢固定ページ｣ です。
>19

20. ｢投稿｣ とはいわゆるブログ記事のことです。毎日新し
い記事が投稿される前提のため、投稿日付が記載され
ることになっています。
>20
画像引用：「東京大学大学院教育学研究科」http://www.p.u-tokyo.ac.jp/

21. ｢固定ページ｣ とは、店舗住所や会社概要など、めった
に更新することのない、かつ重要な情報を掲載してい
るページのことです。
>21
画像引用：「東京大学大学院教育学研究科」http://www.p.u-tokyo.ac.jp/

22. ｢固定ページ｣のうち、ウェブサイトの表紙に相当する特別な
ページのことを、WordPressでは「ホームページ」と呼んで
います。たいていは表紙絵と最新投稿一覧を載せます。
>22
画像引用：「東京大学大学院教育学研究科」http://www.p.u-tokyo.ac.jp/

23. 画像引用：「東京大学大学院教育学研究科」http://www.p.u-tokyo.ac.jp/
WordPressでつくられた
ホームページの例

24. 画像引用：「ヤマサ醤油株式会社」http://www.yamasa.com/
WordPressでつくられた
ホームページの例

25. 画像引用：「株式会社松屋フーズ」https://www.matsuyafoods.co.jp/
WordPressでつくられた
ホームページの例

26. ウェブでよく見かける最新記事のリストは記事を投稿する
たびに書き直すわけではありません。「ウィジェット」と
呼ばれるプログラムが自動的に書き換えています。
>26
画像引用：「東京大学大学院教育学研究科」http://www.p.u-tokyo.ac.jp/

27. WordPressにはたくさんの「ウィジェット」が用意さ
れています。部品として追加や交換が可能です。
>27

28. お問い合わせフォームやショッピングカートなど、一部の
ウェブサイトだけに必要な機能は、追加インストールして
使います。この仕組みを「プラグイン」といいます。
>28

29. ここまでのふりかえり
>29
•投稿……………いわゆるブログ記事。毎日投稿され増え
続ける前提のページ
•固定ページ……めったに更新することのない、かつ重要
な情報を掲載しているページ
•ホームページ…ウェブサイトの表紙にする固定ページ
•テーマ…………ウェブサイトの見栄えに関する設定を差
替可能な部品として1つにまとめたもの
•ウィジェット…ウェブサイト上で動く小さなプログラム
•プラグイン……機能を追加するための部品