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初心者講座・ワードプレスを使ってみよう
3. WordPressの準備
4. WordPressにログインする
5. 設定を確認する
2018.3.25開催

2. >31
3. WordPressの準備
•独自ドメインを入手する (必要な人だけ)
•サーバーをレンタルする
•サーバーにWordPressをインストールする

3. WordPressの準備
>32
1. 独自ドメインを入手する (必要な人だけ)
2. サーバーをレンタルする
3. サーバーにWordPressをインストールする
インストールの方法はレンタルサーバー業者によって異
なりますが、大抵の場合、希望するウェブサイトの名称
などを入力して実行ボタンをクリックするだけです。

4. レンタルサーバー業者のウェブサイトからWordPress
をインストールする（例）
>33

5. 「独自ドメイン」ってなに？
>34
例 https://uxyokohama.amebaownd.com
Owndの会員が共同使用するドメイン。これは独自ドメ
イン(自分だけが独占できるドメイン)ではない。
例 https://www.ureka.co.jp
ユーリカ株式会社(※講師の会社です) が独占使用できる
ドメイン。これは独自ドメイン。

6. なぜ独自ドメインが必要なの？
>35
•会社の場合は「独自ドメイン＝インターネット上の
本社所在地」であるため、独自ドメインを持たない
と会社としての信頼感を損ないます。
•個人の場合であっても、Google広告と契約して広告
収入を得たい場合は、独自ドメインが必要です。
•その他の場合、独自ドメインは重要ではありません。
（UX Yokohamaも独自ドメインを持っていません）

7. 独自ドメインを入手するには、ドメイン取得サービス
業者に依頼します。
>36
(以下略)
(以下略) (以下略)(以下略)

8. ドメイン取得サービス業者を選ぶ際のポイント
>37
取得費＋維持費
• 取得費が安くとも維持費の高い業者がある。
サーバーレンタル
• サーバーレンタルとドメインの取得を一括して
できる業者に発注すれば手間が減る。
インストール作業
• WordPressインストール作業の代行サービスを
提供している業者であれば作業の手間が減る。
SSL対応
• GoogleはウェブサイトのSSL化(セキュリティ
強化)を強く推奨している。SSL機能を提供し
ているレンタルサーバーを選ぶ必要がある。

9. ドメイン取得サービス業者を選ぶ際のポイント
>38
取得費＋維持費
• 取得費が安くとも維持費の高い業者がある。
サーバーレンタル
• サーバーレンタル業を合わせて営んでいる業者
であれば発注の手間が減る。
インストール作業
• WordPressインストール作業の代行サービスを
提供している業者であれば発注の手間が減る。
HTTPS対応
• GoogleはウェブサイトのHTTPS化(セキュリティ
強化)を強く推奨している。HTTPS機能を提供し
ているレンタルサーバーを選ぶ必要がある。
WordPressインストールの代行を業者に頼むと
以下の情報が業者から送られてくるはずです。
1. WordPressのログインURL
2. ユーザー名
3. パスワード
情報がそろったらさっそくログインしましょう！

10. >39
4. WordPressにログインする
•WordPressにログインする
•ダッシュボード画面のURLをブックマーク登録する

11. お配りしたSDカードの中にある「Start.exe」
を起動してください（ブラウザが起動しま
す）。
>40

12. お配りした紙に書かれた番号を確認し、番号に
応じたURLをクリックしてください。
>41
例えば
紙に｢#07｣と書かれている方は
｢Yellow｣をクリックしてください

13. お配りした紙に書かれたユーザー名とパスワー
ドを入力し「ログイン」ボタンをクリックして
ください。
>42

14. WordPressの「ダッシュボード」画面が表示さ
れたことを確認してください。
>43

15. ウェブブラウザのアドレスバー右端にある星印
をクリックしてください。
>44

16. 「完了」ボタンをクリックし、ダッシュボード
のブックマークを「ブックマークバー」フォル
ダに追加してください。
>45

17. ここまでのふりかえり
>46
•ログインURL・ユーザー名・パスワードを入手する
•WordPressにログインする
•ダッシュボード画面のURLをブックマーク登録する

18. >47
5. 設定を確認する
•公開用画面と管理用画面を切り替える
•設定画面を開く
•｢サイトタイトル」と「キャッチフレーズ」を変更する
•｢パーマリンク」設定を変更する

19. メニューより「マイホームページ 〉サイトを表
示」を選んでください。
備考：”マイホームページ” は仮に付けたこのウェブサイトの名前です。変更可
能です。
>48

20. WordPressの公開用画面が開いたことを確認し
てください。
備考：上端の黒いナビゲーションメニューバーはログアウトすると消え
ます。
>49

21. メニューより「マイホームページ 〉ダッシュボー
ド」を選んでください。
>50

22. WordPressの「ダッシュボード」画面に戻った
ことを確認してください。
>51

23. メニューより「設定 〉一般」を選んでくださ
い。
>52

24. 「サイトのタイトル」と「キャッチフレーズ」
を書き換えてください。
>53
今日は省略します。
サイトタイトルとキャッチフレーズはウェブサイト
の人気(閲覧数)に大きく影響する重要な要素です。
熟考の上で決めてください。

25. Webサイトの「キャッチフレーズ」の例
>54
大企業のウェブサイト
•マクドナルド ｢I’m lovin’it｣
•ホンダ ｢The Power of Dreams｣
•ツムラ ｢自然と健康を科学する｣
そうでない企業のウェブサイト
•Peatix ｢グループ･イベント管理、チケット販売･集客サービス｣
•connpass ｢エンジニアをつなぐIT勉強会支援プラットフォーム｣
•Doorkeeper ｢セミナー･勉強会･イベント管理ツール｣
よほどの大企業でもない限り、キャッチフレーズは商品
やサービスの特徴をシンプルに表現した方が無難です。

26. WordPressアドレスとサイトアドレスは書き換えない
でください。最悪の場合ログインできなくなります。
備考：この箇所はレンタルサーバーの仕様の範囲内でしか変更が
できません。
>55
STOP

27. メニューより「設定 〉パーマリンク設定」を選
んでください。
>56

28. 設定選択肢より「カスタム構造」を選んでくだ
さい。
>57

29. カスタム構造の記入欄をいったん空欄にし、欄
のすぐ下にあるボタン「%postname%」をク
リックしてください。
>58

30. カスタム構造の記入欄に「/%postname%/」と入
力されていることを確認してください。/(スラッ
シュ記号）が前後に追加されているのが正しい状
態です。
>59

31. ｢変更を保存｣ボタンをクリックしてください。
>60

32. ところで「パーマリンク設定」ってなに？
>61
•WordPressのブログ記事はファイルの形では存在して
いません。ウェブブラウザからリクエストのあるたび
にHTMLファイルを生成して送り出しています。
•利用者にとってわかりやすいよう、記事の便宜的な
URLアドレスを決めておく必要があります。これが
「パーマリンク設定」です。
•先ほど設定した「%postname%」とは、ブログ記事の
タイトルをここに挿入する、の意味です。初期設定で
は（/年/月/日/タイトル/）になっていました。

33. 「パーマリンク設定」はどれを選べばいいのか？
>62
•Googleによる良いURLアドレスの条件は以下の通り
1. シンプルである
2. 人間が読んで理解できる
•記事タイトルをそのままURLアドレスに使用すること
で、かんたんに条件１と２を実現できます。
•ただし、URLアドレスに日本語を使うと文字化けして
条件２に違反します。そのため、本来の記事タイトル
とは別に英語のタイトルをつけます（詳しくは後述）

34. メニューより「ダッシュボード 〉ホーム」を選
んでください。
>63

35. WordPressの「ダッシュボード」画面に戻った
ことを確認してください。
>64

36. ここまでのふりかえり
>65
•公開用画面と管理用画面を切り替える
•設定画面を開く
•｢サイトタイトル」と「キャッチフレーズ」を変更する
•｢パーマリンク」設定を変更する