ポケてら

進行レジュメは、こちら 受講者資料は、こちら 初めての方へ： ▶︎ポケてらをご自身の学習に利用する方法 ▶︎ポケてらを使ってワークショップを開催する方法

1.イントロダクション

• WordPressは「ルール」にしたがって、Webサイトが作られている
• ブログの投稿をすると、自動でトップに表示され、タイトルが作られ、アイキャッチが使われたりする
• WordPressを自由に使えるようになるには、３つのことを理解する
  • (1) どんなパーツがあるのか？
  • (2) どんなルールで動いているのか？
  • (3) パーツやルールは、どこで、どうやって変更できるのか？
• WordPressの豊富な機能を一つ一つ「探求」しながら、WordPressの全体像を理解します
• とにかく「ワイワイ」楽しく、探求しましょう

2-1.good&new.説明

• 学習モードに入るために、ウォーミングアップのワークをする
• 端的に、「良く」て、「新しかった」ことを説明するワーク
• 些細なことで構わない
• 例) 今日朝食べたサンドイッチが美味しかったです

ポイント

• クッシュボールが必要
• やり方をデモして示すと、学習者にとって理解しやすい
• なんと言えば良いかわからない学習者がいるときは、「些細なことでもいいですよ」「今日の朝何かなかったですか？」などと介入する

2-2.good&new.ワークの様子

Good & New の前後で、どんな変化があったか？を感じてみましょう。自分の状態を客観視することは、学習において重要です。

2-3.good&new.振り返り

• 学習者(2、3人)に発表してもらう
• Good & New 前後で、どんな感覚の違いがあるか？を話す

3-1.ITを学ぶ5つのステップ

• • ITを学ぶ５ステップを説明するが、説明してもわからないので「デモ」に素早く入る
  • まず、ログイン画面の探求を行う。この時、５ステップで振り返るようにする
  • 参加者と共に、ログイン画面を探求し、ログインをする
  • • • 何度も、同じことを繰り返して、変化を知ること
      • 小さな変化に注意を払うこと
      • 「実験」を意識することログインしたら、さらに「管理バー」を探求することで、WordPress特有の使いづらい部分（直感に反する部分）を知る
  • 管理画面を少しだけ探求する（ヘルプや、表示オプションを探求）
  • フロントとバックエンド（管理画面）を行き来することも、若干行う

3-2.ITを学ぶ5つのステップ.ワークの様子

• ITを学ぶ５つのステップで、実際に「ログイン」「管理バー」「管理画面」を探求しよう。
• 予想をしてから、クリックすることを忘れずに行いましょう。ペアで探求すると、楽しく探求できる。

3-3.ITの５つのステップ.振り返り

• メタ探求学習メモを用意してください
• 今の探求で「WordPressについて」学んだことと、「学び方で学んだこと」を振り返ります
• シートに書き込み、それを全体シェアします

3-4.IT5つのステップ.振り返り.ワークの様子

• 「メタ探求学習メモ」を使って振り返りを行う

4-1.投稿と表示のルールを探求して学ぼう.説明

• ブログの投稿と、その仕組みを簡単にデモンストレーションで見ます
• チェックするべきポイントは、URL、トップページ（ブログ一覧）、ブログのページ一つ一つです
• 投稿して見て、どんな結果になるか予想して見て、実際に実験することを繰り返します
• その中で「仕組みをしっくり」こさせるように探求、実験を行いましょう

4-2.投稿と表示のルールを探求して学ぼう.ワークの様子

• 投稿と、それらの表示、間にある「ルール」を理解できるように、複数投稿して実験して体感する
• 5分探求したら、2分振り返りを「メタ探求型学習メモ」で行い、さらに5分探求する

4-3.投稿と表示のルールを探求して学ぼう.振り返り

• Public Preview Post プラグインについて解説しています
• 非常に便利なプラグインです

4-4 投稿と表示のルールを探求して学ぼう.補足説明

• 投稿と、それらの表示、間にある「ルール」を理解できるように、複数投稿して実験して体感してもらう
• 5分探求したら、2分振り返りを「メタ探求型学習メモ」で行い、さらに5分探求します

ポイント

• 途中で止めて、考えてもらうことが重要
• どのような実験をしたか？がかなり重要

4-5.さらに探求を行う.説明

• さらに探求を行います
• ユーザーからの見た目を確認するための「プライベートウィンドウ」の使い方を学びます
• プレビュー状態のURLに、プライベートウィンドウでアクセスすると、どうなるか？などを試します
• さらに、他の探求も行います（投稿一覧、カテゴリ、タグ）

4-6.さらに探求を行う.ワークの様子

• 探求する

4-7.さらに探求をしよう.振り返り


閲覧するには、ログイン(ここをクリック)してください 
• プライベートウィンドウを探求できたら、さらにカテゴリ、タグを探求する。
• 探求したあと、振り返りをする
• 振り返りには「メタ探求型学習シート」を使う
• 6min探求して、4minで振り返りをする。

4-8.投稿の設定を探求しよう.説明


閲覧するには、ログイン(ここをクリック)してください 
• [設定] → [投稿設定]の初期設定、デフォルトフォーマットを変更することで、どんな変化が起こるかを試してみましょう
• 表示設定も同様に確かめます。ディスカッションも、ざっとチェックしましょう。
• この時、設定をして反映して、結果を確認する前に、どのようになるかを予想します

4-9.ここまで理解した「全体像」を振り返る

• 最初のワークから、投稿の探求までを通じて理解できた「全体像」や「WordPressの仕組み」「パーツ」「ルールによって表示」を振り返ります
• どんなことがわかったのか？を考えて見ましょう

4-10.ここまでの「全体像」を振り返る.ワークの様子

• 最初のワークから、投稿の探求までを通じて理解できた「全体像」や「WordPressの仕組み」「パーツ」「ルールによって表示」を振り返ります
• どんなことがわかったのか？を考えて、発表をしてもらいます
• 2, 3人に発表してもらうと良いでしょう

5-1.編集機能の探求.説明

• 編集機能のデモンストレーションを行います
• 構造を説明します
• 実際に触っている様子を見せて、探求の模範を示します

5-2.編集機能探求.ワークの様子

• ビジュアルエディタ、テキスト、メディア、装飾ボタン、リンクを探求して、理解しましょう。
• IT5ステップを使って学ぶ。

5-3.編集機能を探求しよう.振り返り

• 学んだことを発表します

5-4.プラグインをインストールし、試してみよう

• プラグインとは「拡張機能」のことです
• プラグインを入れることで、編集機能がパワーアップすることを学びます
• プラグイン → 新規追加 から、「TinyMCE Advanced」と「Shortcodes Ultimate」をインストールします
• 編集画面が変化したことをチェックしましょう
• 次に、ショートコードの仕組みを知って探求をしましょう

5-5.プラグインをインストールしてみよう.ワークの様子

• TinyMCE Advanced によって追加されれた機能を探求する。
• ショートコードを入れてみることも試してみる

5-6.プラグインをインストールしよう.振り返り

• WordPress（装飾）について、学んだことと、学び方について学んだことを発表する

6-1.コメント機能を探求しよう

• WordPressでは、コメント機能がついています。スパム（迷惑）投稿に対応するための機能などもあります
• コメントを行なって見て、一通り試してみることで、理解することができます
• コメント管理画面では、多くのリンクがあります。それらを探求することで、仕組みがわかってきます
• 自分で投稿して見て、それから探求をして見ましょう

6-2.コメント機能を探求しよう.ワークの様子

• 複数のコメントを自分で投稿して、それから「管理画面」を探求する。
• 投稿、探求、確認をしている中で「コメント機能」や「コメントの管理」についての構造を考える。

7-1.固定ページ.説明

• Sydney など、他のテーマをインストールし「固定ページの豊富な機能」を使える状態を作っています
• 固定ページを探求します。ほとんど、投稿と変わりませんが「順序」と「階層」と「テンプレート」が使えます
• 投稿との違いを確認しつつ、順序、階層、テンプレートを設定すると良いでしょう。ただし、これらが表示に影響するのは「テーマ」によります
• ここでは「設定できる」ことだけを理解すればOKです
• また、Nested Page プラグインも試します

7-2.Nestedpagesプラグインを学ぶ.説明

• Nested Page プラグインをインストールして、管理画面が変化することを見る
• 固定ページを理解しているなら、Nested Page が簡単に使えるようになる
• IT５つのステップを使って、探求し、どのように使うか？を学びましょう

7-3.Nestedpagesプラグイン.ワークの様子

• 固定ページ作成を便利にする「Nested Page」プラグインを探求してみる。
• 子ページ作成や、順序変更を探求する。

7-4.2つの振り返り

• ここまででWordPressについて学んだこと（固定ページ、Nested Pageプラグインなど）と、学び方で学んだことを振り返り、発表をする

8-1.ユーザー.説明

• ユーザーについて説明しています
• ユーザーの種類が様々あります
  • 購読者は、コメントを読んだり、コメントを投稿したり、メールマガジンを受け取ったりできますが、通常のサイトコンテンツを作成することはできません。
  • 寄稿者は、投稿の作成や自分の投稿の管理ができますが、投稿の公開やメディアファイルのアップロードはできません。
  • 投稿者は、自分自身の投稿を公開したり管理したりできますが、ファイルをアップロードすることはできません。
  • 編集者は、投稿の公開や、自分や他のユーザーの投稿の管理を行う権限などがあります。
  • 管理者は、すべての管理機能を実行できます。
• 他にも、様々なユーザー状態を作ることができます（プラグインで）
• ユーザープロフィールをざっと見て「どんな時に使えそうか？」を知りましょう
• 知っておくことで、必要な時に「思い出す」ことができます

9-1.テーマとは？

• テーマの構造を探求して学びましょう。
• メニューや、ウィジェットを一つ一つ、探求します。
• 一通りを探求した上で、テーマ全体を学びます。

9-2.テーマをインストール.説明

• テーマのインストール方法、探し方を説明しています
• IT５つのステップを使って学ぶことについて説明しています

9-3.テーマのインストール.振り返り

• 振り返りを確実に行いましょう
• 学習の定着に、とても重要です

9-4.テーマのインストール.探求

• テーマをインストールする
• ITの５つのステップを使って行う

9-5.カスタマイズ.説明

• テーマの構造を探求しましょう。Twenty Seventeen、Twenty Fifteen の図を理解できるように、探求をします
• ヘッダーを変えて見て、なるほどなどしましょう
• なお、メニューやウィジェットの操作は「IT5ステップ」を使って、予想しながら、ゆっくり操作しましょう。

9-6.カスタマイズ.ワークの様子

• 5min 探求して、2分で２つの振り返り（WordPressについて学んだこと、今の探求の仕方での学び、発見）を行い、さらに5min探求する。

9-7.カスタマイズ.振り返り

• テーマの構造について振り返る。
• 2つの振り返りを行う。

9-8.メニュー.説明

• メニューの追加方法をしっかりと探求します
• カスタマイズ→メニューだけでなく、外観のメニューでも編集をします
• メニューの位置の意味、表示オプションの設定を試して見ましょう（わからないことは、ヘルプで調べましょう）

9-9.メニュー.ワークの様子

• メニューの詳細な設定を探求する。
• 5minで探求して、２つの振り返り（WordPress自体で学んだこと、学び方について学んだこと）を行い、さらに5min探求する。

9-10.メニュー.振り返り

• ２つの振り返り（WordPress自体・メニューについて、学び方について）を行う。

9-11.ウィジェット.説明

• ウィジェットについて説明しています
• ウィジェットの構造、役割、探求方法を解説しています

9-12.ウィジェット.ワークの様子

• ウィジェットを探求する

9-13.ウィジェット.振り返り

• ２つの振り返り（WordPress自体・ウィジェットについて、学び方について）を行う。

9-14.ホームページ設定.説明

• ホームページ = フロントページ = トップページ
• ホームページは、デフォルトではブログの投稿一覧になっています
• これを固定ページに変更することができます
• ブログ投稿一覧は、別の「固定ページ」に割り当てることができます
• 試しに、Webサイトっぽくしてください（トップページを固定ページ、メニューにブログを用意し、ブログの投稿一覧を表示する）

9-15.ホームページ設定.ワークの様子

• ホームページ設定、固定ページの作成、割り当てをして「Webサイトっぽく」作る。
• 作り方を覚えるのではなく、仕組みから想像して試す。

9-16.テーマのまとめ

• テーマの構造について、自分で探求して理解することができる
• ヘルプやドキュメントを読もう。
• しかし、テーマは、まだまだ奥が深いです
• テーマとプラグインがセットになって、WordPressの機能がガラッた変わる場合もあります
• また、テーマによって使い方が全然違う場合もあります
• 高機能なテーマを使う場合は、テーマの基本構造だけでなく、テーマそのものを学ぶことも必要になります

10-1.プラグイン.説明

• • プラグインとは拡張機能のこと。小さな改善から、WordPressを別物にするものまである。
  • インターネットで検索すると、おすすめのプラグインなどを開設している。
  • やりたいことで検索すると、様々なプラグインが見つかる
  • ショッピングカート(WooCommerceが一人勝ち）、会員サイト、Podcast、イベント、お問い合わせなどで検索する
  • さらに、検索エンジン対策のためのプラグインなどが存在する
  • インストール方法は、「新規追加」から行う
  • プラグインは、一つ一つ「新しいアプリ」と思って使うこと。それぞれ、使い方が全然違う
  • マニュアルを見たり、自分で探求して理解することが必要

 

10-2.プラグイン.ワークの様子

• インストールは「プラグイン」→「WPForm」と検索する
• WPForms プラグインを探求しましょう
• IT５つのステップを使って探求する
• もう理解している人は、別のプラグインを探求しても良い

11.まとめ.説明

• 今日学んだことを人に説明して、理解を固めます
• また、今後の学習のための計画を考えます

11.まとめ.ワークの様子

• 今日学んだことを、Think & Listen で発表します
• ペアになって、話し手と聞き手に別れます。聞き手は頷くだけ、話してはどんどん話しましょう
• 時間がきたら、交代して話します

---