Tweet
Tweet

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

⾃⼰紹介 声出しOKの⼈はぜひ。 １⼈：30秒 どこから参加？ WordPress歴は？ ※私の⽅で順番に指名します。 ※メンターさん、グラレポさんから #wcogijima

Slide 6

Slide 6 text

ワークショップのお品書き 1).Localとは？ 2).Localダウンロード 3).Localインストール＆起動 4).WordPress管理画⾯にアクセス 5).WordPressサイトにアクセス 6).Localの起動と終了 7).⼀時的に公開する←ここまではやりたい 8).セキュリティーのこと #wcogijima

Slide 7

Slide 7 text

Localとは？ #wcogijima

Slide 8

Slide 8 text

Localダウンロード https://localwp.com/にアクセスします。 DOWNLOADを クリック #wcogijima

Slide 9

Slide 9 text

Localダウンロード Pleasechooseyourplatformをクリック #wcogijima

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

Localダウンロード ファイルがダウンロードされるまで お待ち下さい。 #wcogijima

Slide 13

Slide 13 text

Localインストール＆起動(mac) ダウンロードしたプログラムを起動する ダブルクリック ドラック＆ドロップ #wcogijima

Slide 14

Slide 14 text

Localインストール＆起動(mac) 完了までしばらくお待ち下さい。 #wcogijima

Slide 15

Slide 15 text

Localインストール＆起動(mac) LunchpadなどからLocalをダブルクリック 警告がでたら「開く」を クリック #wcogijima

Slide 16

Slide 16 text

Localインストール＆起動(win) セットアッププログラムを 開きます。 #wcogijima

Slide 17

Slide 17 text

利⽤するユーザーを選択 し、[次へ]をクリックしま す。 [このコンピュータ…] このPCを利⽤するすべてのユーザで 利⽤可能とします。 [現在のユーザーのみに…] 他のユーザーは利⽤不可 となります。 Localインストール＆起動(win) #wcogijima

Slide 18

Slide 18 text

Localインストール＆起動(win) 特に変更の必要はあり ません。[インストー ル]をクリックします。 #wcogijima

Slide 19

Slide 19 text

Localインストール＆起動(win) インストールが完了で す。 #wcogijima

Slide 20

Slide 20 text

起動できましたか？ #wcogijima

Slide 21

Slide 21 text

WordPressを作ってみる 起動画⾯→新しくWordPressを作る 左下の「＋」か 「CREATEANEW SITE」をクリック #wcogijima

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

WordPressを作ってみる セットアップ中 #wcogijima

Slide 29

Slide 29 text

WordPressを作ってみる セットアップ完了 左側の⼀覧をクリックす ると選択したサイトの詳 細情報が表⺬されます。 #wcogijima

Slide 30

Slide 30 text

設定できましたか？ #wcogijima

Slide 31

Slide 31 text

WordPress管理画⾯にアクセス 作成したWordPressで、 「ADMIN」をクリック #wcogijima

Slide 32

Slide 32 text

WordPress管理画⾯にアクセス WordPress管理画⾯にログイン WordPressの管理画⾯が表⺬ されます。 ユーザー名とパスワードを ⼊⼒「Login」をクリック #wcogijima

Slide 33

Slide 33 text

WordPress管理画⾯にアクセス ダッシュボードが表⺬され ます。 #wcogijima

Slide 34

Slide 34 text

WordPress管理画⾯にアクセス ⽇本語版への切り替え [Settings]→[General]を クリックします。 #wcogijima

Slide 35

Slide 35 text

WordPress管理画⾯にアクセス ⽇本語版への切り替え [SiteLanguage]項⽬にて [⽇本語]を選択します。 #wcogijima

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

Localの起動と停⽌ 停⽌状態の画⾯ 左メニューがグレー 右上に緑[STARTSITE] クリックするとサイトを 停⽌できます。 #wcogijima

Slide 43

Slide 43 text

⼀時的に公開する 画⾯下の[LiveLink]の 横にある[Enable]を クリック。 ⼀時的に世界中に 公開されます #wcogijima

Slide 44

Slide 44 text

⼀時的に公開する [COPY]をクリックすると 公開されたURLを取得で きます。 ********.ngrok.io #wcogijima

Slide 45

Slide 45 text

ここまで、できました？#wcogijima

Slide 46

Slide 46 text

セキュリティーのはなし ・WordPressの脆弱性や脅威 ・WordPressは狙われやすいの？ ・最低限やっておきたい対策 #wcogijima

Slide 47

Slide 47 text

WordPressの脆弱性や脅威 ・不正ログイン、サイト改ざん・乗っ取り ・WordPressの脆弱性を狙った攻撃 etc... (例) 2017年2⽉にサイト改ざんの脆弱性を狙った攻撃 世界中で150万のサイトが改ざん被害 #wcogijima

Slide 48

Slide 48 text

WordPressは狙われやすいの？ ・世界中のWebサイトの35%はWordPress ・管理画⾯のURLも決まってる。わかりやすい ・脆弱性が発⾒されやすい(オープンソース) ・たくさんのユーザーがいるので知⾒が豊富 ・継続的なプログラムのメンテナンス ・短期間での脆弱性の対応 #wcogijima

Slide 49

Slide 49 text

最低限やっておきたいこと 管理画⾯のユーザー/パスワードを複雑に WordPress本体・プラグインは最新に 使⽤しないプラグインは削除 セキュリティ強化のプラグインを導⼊ 1. 2. 3. 4. #wcogijima

Slide 50

Slide 50 text

最新は最⾼！(本体) WordPress本体のセキュリテイ更新は デフォルトで⾃動適⽤ #wcogijima

Slide 51

Slide 51 text

最新は最⾼！(プラグイン) プラグインの⾃動更新は管理画⾯から設定 ※5.5以降で 「⾃動更新を有効化」をクリックするだけ！ #wcogijima

Slide 52

Slide 52 text

テーマの⾃動更新は管理画⾯から設定 ※5.5以降で 最新は最⾼！(テーマ) 「⾃動更新を有効化」を クリックするだけ！ #wcogijima

Slide 53

Slide 53 text

セキュリティ対策プラグイン AllInOneWPSecurity&Firewall SiteGuardWPPlugin WordPressの総合的なセキュリティ対策 簡易的なファイアーウォールも同梱 主に管理画⾯を保護。⼀定回数ログイン失敗無効化 画像認証(リキャプチャ)、更新通知、ログイン通知 ※⽇本語なので、わかりやすい。 #wcogijima

Slide 54

Slide 54 text

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