20200906WordCampOgijima2020 make_WordPress_by_Local

2020/09/06 WordCamp男木島2020
「自分のPCに自分だけのWordPressテスト環境を作ってみよう！」
登壇資料です。

Transcript

2. ワークショップについて ⾃分のPCに⾃分だけの WordPressテスト環境を作ってみよう！ インターネットに公開しない⾃分だけの WordPress環境を作ってみる50分です。 #wcogijima
3. ワークショップの進め⽅ ⼿順を共有します。 私の⽅でもスライドで説明します。 わからないことがあったら
   マイクor
   チャットで「困ってます！」 zoomのビデオはON!
   マイクのON!でOK #wcogijima
4. 株式会社DIGITALJET
   プログラマ JAWS-UG
   Okayama
   コアメンバー JP_Stripes
   Okayama
   コアメンバー TwilioJP-UG
   Okayama
   コアメンバー Okayama
   WordPress
   Meetup
   オーガナイザー SORACOM
   UG
   Okayama
   コアメンバー ⾃称めんツナかんかんエバンジェリスト 古⾥
   武⼠ Takeshi
   Furusato #wcogijima
5. ⾃⼰紹介 声出しOKの⼈はぜひ。 １⼈：30秒 どこから参加？ WordPress歴は？ ※私の⽅で順番に指名します。 ※メンターさん、グラレポさんから #wcogijima
6. ワークショップのお品書き 1).Localとは？ 2).Localダウンロード 3).Localインストール＆起動 4).WordPress管理画⾯にアクセス 5).WordPressサイトにアクセス 6).Localの起動と終了 7).⼀時的に公開する
   ←ここまではやりたい 8).セキュリティーのこと #wcogijima
7. Local
   とは？ #wcogijima
8. Localダウンロード https://localwp.com/
   にアクセスします。 DOWNLOADを クリック #wcogijima
9. Localダウンロード Please
   choose
   your
   platform
   をクリック #wcogijima
10. Localダウンロード 環境に合わせて選択をします。 #wcogijima
11. Localダウンロード 以下の情報を⼊⼒します。 First
    Name:
    名 Last
    Name:
    姓 Work
    Email:
    メールアドレス Phone
    Number:
    電話番号 ※Work
    Emailのみ必須 ※いずれもアルファベット ⼊⼒後「GET
    IT
    NOW!」を クリックします。 #wcogijima
12. Localダウンロード ファイルがダウンロードされるまで お待ち下さい。 #wcogijima
13. Localインストール＆起動(mac) ダウンロードしたプログラムを起動する ダブルクリック ドラック＆ドロップ #wcogijima
14. Localインストール＆起動(mac) 完了までしばらくお待ち下さい。 #wcogijima
15. Localインストール＆起動(mac) LunchpadなどからLocalをダブルクリック 警告がでたら「開く」を クリック #wcogijima
16. Localインストール＆起動(win) セットアッププログラムを 開きます。 #wcogijima
17. 利⽤するユーザーを選択 し、[次へ]をクリックしま す。 [このコンピュータ…] このPCを利⽤するすべてのユーザで 利⽤可能とします。 [現在のユーザーのみに…] 他のユーザーは利⽤不可 となります。 Localインストール＆起動(win) #wcogijima
18. Localインストール＆起動(win) 特に変更の必要はあり ません。[インストー ル]をクリックします。 #wcogijima
19. Localインストール＆起動(win) インストールが完了で す。 #wcogijima
20. 起動できましたか？ #wcogijima
21. WordPressを作ってみる 起動画⾯→新しくWordPressを作る 左下の「＋」か 「CREATE
    A
    NEW SITE」をクリック #wcogijima
22. WordPressを作ってみる サイト名を⼊⼒ CONTINUEをクリック します。 #wcogijima
23. WordPressを作ってみる ちなみに詳細設定もできます。 「ADVANCED
    OPTIONS」を クリック。詳細設定が表 ⺬されます。 Local
    site
    domain Local
    site
    path Create
    site
    from #wcogijima
24. WordPressを作ってみる 「Preferred」を選択 CONTINUEをクリック ※最新のPHP・MySQL Webサーバーはnginxが ⾃動的に設定される。 #wcogijima
25. WordPressを作ってみる ちなみに詳細設定もできます。 以下が選択できます。 PHPバージョン Webサーバー種類 (nginx
    or
    Apache) MySQLのバージョン #wcogijima
26. WordPressを作ってみる WordPressの設定を⼊⼒ WordPress
    Username →ユーザー名 WordPress
    Password →パスワード WordPress
    Email →メアド ※変更しないで。 #wcogijima
27. WordPressを作ってみる WordPressの設定を⼊⼒ 「ADD
    SITE」をクリック WordPress
    Username →ユーザー名 WordPress
    Password →パスワード WordPress
    Email →メアド ※変更しないで。 #wcogijima
28. WordPressを作ってみる セットアップ中 #wcogijima
29. WordPressを作ってみる セットアップ完了 左側の⼀覧をクリックす ると選択したサイトの詳 細情報が表⺬されます。 #wcogijima
30. 設定できましたか？ #wcogijima
31. WordPress管理画⾯にアクセス 作成したWordPressで、 「ADMIN」をクリック #wcogijima
32. WordPress管理画⾯にアクセス WordPress管理画⾯にログイン WordPressの管理画⾯が表⺬ されます。 ユーザー名とパスワードを ⼊⼒「Login」をクリック #wcogijima
33. WordPress管理画⾯にアクセス ダッシュボードが表⺬され ます。 #wcogijima
34. WordPress管理画⾯にアクセス ⽇本語版への切り替え [Settings]→[General]を クリックします。 #wcogijima
35. WordPress管理画⾯にアクセス ⽇本語版への切り替え [Site
    Language]項⽬にて [⽇本語]を選択します。 #wcogijima
36. WordPress管理画⾯にアクセス ⽇本時間に切り替え [Timezone]にて [UTC
    +9]を選択します。 #wcogijima
37. WordPress管理画⾯にアクセス 画⾯の⼀番下にある [Save
    Changes]を クリックします。 #wcogijima
38. WordPress管理画⾯にアクセス ⽇本語版への切り替えできました。
39. WordPressサイトにアクセス [View
    Site]を クリックします。 #wcogijima
40. WordPressサイトにアクセス 作成したサイトが表⺬ されている。 #wcogijima
41. Localの起動と停⽌ 起動中の画⾯ 左メニューが緑 右上に⾚[STOP
    SITE] クリックするとサイトを 停⽌できます。 #wcogijima
42. Localの起動と停⽌ 停⽌状態の画⾯ 左メニューがグレー 右上に緑[START
    SITE] クリックするとサイトを 停⽌できます。 #wcogijima
43. ⼀時的に公開する 画⾯下の[LiveLink]の 横にある[Enable]を クリック。 ⼀時的に世界中に 公開されます #wcogijima
44. ⼀時的に公開する [COPY]をクリックすると 公開されたURLを取得で きます。 ********.ngrok.io #wcogijima
45. ここまで、できました？#wcogijima
46. セキュリティーのはなし ・WordPressの脆弱性や脅威 ・WordPressは狙われやすいの？ ・最低限やっておきたい対策 #wcogijima
47. WordPressの脆弱性や脅威 ・不正ログイン、サイト改ざん・乗っ取り ・WordPressの脆弱性を狙った攻撃
    etc... (例) 2017年2⽉にサイト改ざんの脆弱性を狙った攻撃 世界中で150万のサイトが改ざん被害 #wcogijima
48. WordPressは狙われやすいの？ ・世界中のWebサイトの35%はWordPress ・管理画⾯のURLも決まってる。わかりやすい ・脆弱性が発⾒されやすい(オープンソース) ・たくさんのユーザーがいるので知⾒が豊富 ・継続的なプログラムのメンテナンス ・短期間での脆弱性の対応 #wcogijima
49. 最低限やっておきたいこと 管理画⾯のユーザー/パスワードを複雑に WordPress本体・プラグインは最新に 使⽤しないプラグインは削除 セキュリティ強化のプラグインを導⼊ 1. 2. 3. 4. #wcogijima
50. 最新は最⾼！(本体) WordPress本体のセキュリテイ更新は デフォルトで⾃動適⽤ #wcogijima
51. 最新は最⾼！(プラグイン) プラグインの⾃動更新は管理画⾯から設定 ※5.5以降で 「⾃動更新を有効化」をクリックするだけ！ #wcogijima
52. テーマの⾃動更新は管理画⾯から設定 ※5.5以降で 最新は最⾼！(テーマ) 「⾃動更新を有効化」を クリックするだけ！ #wcogijima
53. セキュリティ対策プラグイン All
    In
    One
    WP
    Security
    &
    Firewall SiteGuard
    WP
    Plugin WordPressの総合的なセキュリティ対策 簡易的なファイアーウォールも同梱 主に管理画⾯を保護。⼀定回数ログイン失敗無効化 画像認証(リキャプチャ)、更新通知、ログイン通知 ※⽇本語なので、わかりやすい。 #wcogijima
54. まとめ ・制作やテストは公開しない環境で！ ・セキュリティ対策はしっかりと！ ・ID/Passは複雑に ・最新は最⾼！ #wcogijima