オーディオ教材

WordPressが生まれた背景、歴史、CMSなど「周辺知識」からスタートします。また、HTMLファイルを使う場合と、そうでない場合の違いなども理解します。

さらに、WordPressについては「仕組み」を理解することで、使っているうちに、理解できるような「知識」から説明します。

01 はじめに

• Word Pressは闇雲ではなく、仕組みから学びましょう。

02 学び方

• 耳デミーは、隙間時間を利用して「前提知識」をインプットするやり方です。
• 前提知識は、他の分野を学ぶのに使えます。インプットした後は、絶妙な課題を考え、チャレンジしてみましょう。

03 なぜ極端に2つに分かれるのか？

• Word Pressには、熱狂的なファンと挫折者がいる。その違いを知ることで、Word Pressの良い理解の仕方を知りましょう。
• 「やり方」を覚えるのではなく、「前提知識」や「構造・仕組み」を学ぶことが重要なことを知りましょう。

04 WordPressの歴史(1) Web用語

• テクノロジーは、問題を解決するために進化し続けるので、歴史を学ぶと「全体像」が見えます。
• 「WWW」、「Webサイト・Webページ（ホームページ）」などの意味を知りましょう。

05 Webページの歴史

• コンテンツ・マネージメント・システム（CMS）の歴史について知りましょう。

06 活用事例

• Webサイトが重要になってきた。企業サイトや大学サイトから一般の人のブログなどへの発展したことを知りましょう。

07 ブログの歴史

• ブログの歴史、Word Pressは、ブログシステムから発展したことを知りましょう。

08 CMSとは何か？

• Word Pressで混乱する理由を知りましょう。CMSを知ると、仕組みがわかって理由が理解できるようになります。
• データ構造とルールの関係性をどのように学ぶかを知りましょう。（学び方の方法の紹介です。）

09 動的・静的ページ

• 通常のHTMLは「静的サイト」です。
• 会員サイトやWord Pressは「動的サイト」です。
• その違いを知りましょう。

10 サーバー・ホスト

• 「ブラウザ」、「サーバー」・「ホスト」という用語についてを知りましょう。

11 URL・アドレス

• 「URL」＝ルールに従って決まっている「アドレス」であることを知りましょう。

12 ブラウザの前提知識

– 耳デミー WordPress Basic 12 ブラウザの前提知識

13 サーバーに詳しくなる

– 耳デミー WordPress Basic 13 サーバーに詳しくなる

14 バーチャルホスト

– 耳デミー WordPress Basic 14 バーチャルホスト

15 WordPressとアドレス

• Word Pressの仕組み（「公開フォルダ」のパスとアドレスは一致する、一致しなくても動く）を知りましょう。

16 データベース

• Word Pressは、ほぼデータをデータベースに保存しています。データベース（MySQL）を知りましょう。

17 インストール

• wordpress.orgでダウンロード、ファイルを解凍して、FTPソフトでアップする。データーベースを作るなどをしながら、インストールを行いましょう。

18 パソコンでWordPressを動かす

• Local by Flywheelを使って、パソコンに「砂場」を作成しましょう。前半は「Local by Flywheel」とは、どの様な仕組みでパソコン内にあるのか、後半11:49以降は実際の画面を見ながら「wp-admin」で何ができるのかをみていきます。

19 ITを学ぶ5つのステップ

• 実際に「wp-adimn」（管理画面）を触っていく際に重要な「ITを学ぶ5つのステップ」を知ってやってみましょう。ただし、WPは、この予想が使いにくいことを理解した上で行いましょう。

20 探求の具体例

• 実際に探求する様子を画面で見ましょう。

21 WordPressの仕組みと実際

• Word Pressの仕組み（管理画面とデータベースの関係性）を図で知り、実際の画面で確認しましょう。

22 ルール構造の仕組み

• Word Pressの特別なルール「デフォルトでは、トップページはブログ一覧を表示する」などは、管理画面（設定画面）で変更できることを知りましょう。

23 カスタム投稿タイプ

• 管理画面の「投稿」「固定ページ」「Podcast」「woocomarce」などは全て、データベースにあるWP_Postsのテーブル（表）に入っていることを知りましょう。

24 投稿の仕組みまとめ

• 中間まとめです。「どの様にしてサイトが表示されるのか」、「管理画面でルールが変更できること」、「ルールを知っている事が重要」ということを知りましょう。

25 プラグインとは

• プラグインとは、選び方を知りましょう。（ただし、源流が最も確かですので、その情報が見られるぐらいの知識を持ちましょう。）

26 投稿の全体像

– 耳デミー WordPress Basic 26 投稿の全体像

27 デザインの4原則

– 耳デミー WordPress Basic 27 デザインの4原則

28 Gutenbergとは

– 耳デミー WordPress Basic 28 Gutenbergとは

29 Gutenbergの実際の操作

– 耳デミー WordPress Basic 29 Gutenbergの実際の操作

30 Gutenbergの注意点

– 耳デミー WordPress Basic 30 Gutenbergの注意点

31 エディタの注意点と裏の仕組み

• クラシックエディタ（旧エディタ）の使い方、Gutenbergへの変更方法、エラーが出たときの対処方法を知りましょう。

32 ショートコードとブロック

• ショートコード（おまじない）（いずれ消えるかも知れない）、Gutenbergの「ブロック」でできることを知りましょう。

33 カスタマイザーの仕組み

• 外観の設定（カスタマイザー）について知りましょう。差し込みできる場所（ロゴ、ヘッダー、フッター、コンテンツ、sidebar）はいろいろ変えられるが、差し込めるものは、メニュー、ウｲジｪット、コンテンツに限られています。

34 テーマの実際の様子

• テーマによって変わる部分（投稿のコンテンツの差し替え、固定ページのコンテンツの差し替えの様子、テーマの細かい変更ができる方法（色、メニューの変更・ウィジェットエリアなど））を知りましょう。

35 ホーム、メニュー、ウィジェット

• 34「テーマの実際の様子」のより詳しい説明です。ホーム、メニュー、ウィジェットの細かい設定・変更方法を知りましょう。

36 テーマのまとめ

• テーマについて、具体例を見ながら、「理解する方法」を知りましょう。

37 チャレンジしよう

• 「実際に触ってみる」ための最終ヒントです。

---