Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20200906WordCampOgijima2020 make_WordPress_by_Local

20200906WordCampOgijima2020 make_WordPress_by_Local

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

40762eccf94181ae3fe39eb36bea9a0f?s=128

Takeshi Furusato

September 06, 2020
Tweet

Transcript

  1. None
  2. ワークショップについて ⾃分のPCに⾃分だけの WordPressテスト環境を作ってみよう! インターネットに公開しない⾃分だけの WordPress環境を作ってみる50分です。 #wcogijima

  3. ワークショップの進め⽅ ⼿順を共有します。 私の⽅でもスライドで説明します。 わからないことがあったら マイクorチャットで「困ってます!」 zoomのビデオはON!マイクのON!でOK #wcogijima

  4. 株式会社DIGITALJETプログラマ JAWS-UGOkayamaコアメンバー JP_StripesOkayamaコアメンバー TwilioJP-UGOkayamaコアメンバー OkayamaWordPressMeetupオーガナイザー SORACOMUGOkayamaコアメンバー ⾃称めんツナかんかんエバンジェリスト 古⾥武⼠ TakeshiFurusato #wcogijima

  5. ⾃⼰紹介 声出しOKの⼈はぜひ。 1⼈: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ダウンロード Pleasechooseyourplatformをクリック #wcogijima

  10. Localダウンロード 環境に合わせて選択をします。 #wcogijima

  11. Localダウンロード 以下の情報を⼊⼒します。 FirstName:名 LastName:姓 WorkEmail:メールアドレス PhoneNumber:電話番号 ※WorkEmailのみ必須 ※いずれもアルファベット ⼊⼒後「GETITNOW!」を クリックします。

    #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を作る 左下の「+」か 「CREATEANEW SITE」をクリック #wcogijima

  22. WordPressを作ってみる サイト名を⼊⼒ CONTINUEをクリック します。 #wcogijima

  23. WordPressを作ってみる ちなみに詳細設定もできます。 「ADVANCEDOPTIONS」を クリック。詳細設定が表 ⺬されます。 Localsitedomain Localsitepath Createsitefrom #wcogijima

  24. WordPressを作ってみる 「Preferred」を選択 CONTINUEをクリック ※最新のPHP・MySQL Webサーバーはnginxが ⾃動的に設定される。 #wcogijima

  25. WordPressを作ってみる ちなみに詳細設定もできます。 以下が選択できます。 PHPバージョン Webサーバー種類 (nginxorApache) MySQLのバージョン #wcogijima

  26. WordPressを作ってみる WordPressの設定を⼊⼒ WordPressUsername →ユーザー名 WordPressPassword →パスワード WordPressEmail →メアド ※変更しないで。 #wcogijima

  27. WordPressを作ってみる WordPressの設定を⼊⼒ 「ADDSITE」をクリック WordPressUsername →ユーザー名 WordPressPassword →パスワード WordPressEmail →メアド ※変更しないで。

    #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管理画⾯にアクセス ⽇本語版への切り替え [SiteLanguage]項⽬にて [⽇本語]を選択します。 #wcogijima

  36. WordPress管理画⾯にアクセス ⽇本時間に切り替え [Timezone]にて [UTC+9]を選択します。 #wcogijima

  37. WordPress管理画⾯にアクセス 画⾯の⼀番下にある [SaveChanges]を クリックします。 #wcogijima

  38. WordPress管理画⾯にアクセス ⽇本語版への切り替えできました。

  39. WordPressサイトにアクセス [ViewSite]を クリックします。 #wcogijima

  40. WordPressサイトにアクセス 作成したサイトが表⺬ されている。 #wcogijima

  41. Localの起動と停⽌ 起動中の画⾯ 左メニューが緑 右上に⾚[STOPSITE] クリックするとサイトを 停⽌できます。 #wcogijima

  42. Localの起動と停⽌ 停⽌状態の画⾯ 左メニューがグレー 右上に緑[STARTSITE] クリックするとサイトを 停⽌できます。 #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. セキュリティ対策プラグイン AllInOneWPSecurity&Firewall SiteGuardWPPlugin WordPressの総合的なセキュリティ対策 簡易的なファイアーウォールも同梱 主に管理画⾯を保護。⼀定回数ログイン失敗無効化 画像認証(リキャプチャ)、更新通知、ログイン通知 ※⽇本語なので、わかりやすい。 #wcogijima

  54. まとめ ・制作やテストは公開しない環境で! ・セキュリティ対策はしっかりと! ・ID/Passは複雑に ・最新は最⾼! #wcogijima