Slide 1

Slide 1 text

Local by Flywheel

Slide 2

Slide 2 text

もくじ • Local by Flywheel とは • Local by Flywheel ダウンロード • Local by Flywheel インストール • Local by Flywheel 起動 • 管理画面にアクセス • WordPress 日本語版に切り替える • メールを確認する • WordPressにアクセス • サイトを起動する • WP-CLIを使ってみる • “A new version of Local is avelable!” が表示された • Local by Flywheelを閉じるとき • Windowsで HTTP Error 404.0 – NotFound になる場合 Kansai WordPress Meetup @KOBE #015 2

Slide 3

Slide 3 text

Local by Flywheelとは? Kansai WordPress Meetup @KOBE #015 3

Slide 4

Slide 4 text

PC/Macに自分専用の WordPress環境を構築 Kansai WordPress Meetup @KOBE #015 4

Slide 5

Slide 5 text

Local by Flywheel ダウンロード Kansai WordPress Meetup @KOBE #015 5

Slide 6

Slide 6 text

Local by Flywheel にアクセス https://localbyflywheel.com に、アクセスします。 Kansai WordPress Meetup @KOBE #015 6

Slide 7

Slide 7 text

ダウンロードをする FREE DOWNLOAD! をクリッ クします。 Kansai WordPress Meetup @KOBE #015 7

Slide 8

Slide 8 text

環境を選択(1) ポップアップが表示されます。 “Please choose your platform” をクリックします。 Kansai WordPress Meetup @KOBE #015 8

Slide 9

Slide 9 text

環境を選択(2) 利用する環境(Mac、 Windows、Linux)のいずれか を選択します。 Kansai WordPress Meetup @KOBE #015 9

Slide 10

Slide 10 text

必要事項を入力し、ダウンロードを開始 以下の項目を入力します。 First Name: 名 Last Name: 姓 Work Email: メールアドレス Phone Number: 電話番号 ※Work Emailのみ必須 ※いずれもアルファベット 入力後、「GET IT NOW!」を クリックします。 Kansai WordPress Meetup @KOBE #015 10

Slide 11

Slide 11 text

ダウンロード セットアップファイルのダウン ロードが始まります。 完了まで待ちます。 Kansai WordPress Meetup @KOBE #015 11

Slide 12

Slide 12 text

Local by Flywheel インストール Kansai WordPress Meetup @KOBE #015 12

Slide 13

Slide 13 text

セットアッププログラムを起動する セットアッププログラムを開き ます。 Kansai WordPress Meetup @KOBE #015 13

Slide 14

Slide 14 text

インストールオプションの選択 Local by Flywheelの利用ユー ザーを選択し、[次へ]をクリッ クします。 【このコンピューターを…】 PCを利用するすべての ユーザーで利用可能にします。 【現在のユーザーのみに…】 他のユーザーは利用不可になり ます。 Kansai WordPress Meetup @KOBE #015 14

Slide 15

Slide 15 text

インストール先を選択 インストール先フォルダの 指定が可能です。 特に変更の必要はありません。 [インストール]をクリックしま す。 Kansai WordPress Meetup @KOBE #015 15

Slide 16

Slide 16 text

インストール インストールを開始します。 完了までしばらく待ちます。 Kansai WordPress Meetup @KOBE #015 16

Slide 17

Slide 17 text

インストール完了 インストールが完了しました。 [完了]をクリックします。 Kansai WordPress Meetup @KOBE #015 17

Slide 18

Slide 18 text

Local by Flywheel 起動 Kansai WordPress Meetup @KOBE #015 18

Slide 19

Slide 19 text

Local by Flywheelを起動する インストール直後は、 そのまま起動します。 次回以降の起動は 「Local」のアイコンから 起動します。 Kansai WordPress Meetup @KOBE #015 19

Slide 20

Slide 20 text

初回起動時(1) エラー時のレポートを残すか 確認を求められます。 レポートを残す場合は、 「Turn on Error Reporting」 をクリックします。 Kansai WordPress Meetup @KOBE #015 20

Slide 21

Slide 21 text

初回起動時(2) Local by Flywheel Pro版の 案内が表示されます。 右上の×をクリックして閉じま す。 Kansai WordPress Meetup @KOBE #015 21

Slide 22

Slide 22 text

起動画面~新しいサイトを作成 左下の「+」か 「CREATE A NEW SITE」を クリックします。 Kansai WordPress Meetup @KOBE #015 22

Slide 23

Slide 23 text

サイト名を入力 サイト名を入力し、 CONTINUEをクリックします。 Kansai WordPress Meetup @KOBE #015 23

Slide 24

Slide 24 text

(参考)詳細設定 「ADVANCED OPTIONS」を クリックすると、詳細設定が表 示されます。 以下の項目が設定可能です。 Local site domain Local site path Create site from Blueprint? Kansai WordPress Meetup @KOBE #015 24

Slide 25

Slide 25 text

WordPressセットアップ WordPressの設定を入力し、 ADD SITEをクリックします。 [WordPress Username] WordPress ユーザー名 [WordPress Password] WordPress パスワード [WordPress Email] 登録メールアドレス ※変更しない Kansai WordPress Meetup @KOBE #015 25

Slide 26

Slide 26 text

セットアップ中… セットアップがはじまります。 完了まで、しばらく待ちます。 Kansai WordPress Meetup @KOBE #015 26

Slide 27

Slide 27 text

Windows セキュリティの重要な警告 セットアップ中、 「Windows セキュリティの重 要な警告」が2回程度、 表示されます。 いずれも、[アクセスを許可す る]をクリックします。 Kansai WordPress Meetup @KOBE #015 27

Slide 28

Slide 28 text

セットアップ完了 セットアップが完了しました。 左側の一覧をクリックすると、 選択したサイトの詳細が表示さ れます。 Kansai WordPress Meetup @KOBE #015 28

Slide 29

Slide 29 text

Local by Flywheel 管理画面にアクセス Kansai WordPress Meetup @KOBE #015 29

Slide 30

Slide 30 text

ADMINをクリック 作成したWordPressの ADMINをクリックします。 Kansai WordPress Meetup @KOBE #015 30

Slide 31

Slide 31 text

WordPress 管理画面にログイン WordPress管理画面が表示さ れます。 ユーザー名とパスワードを入力 し「ログインする」をクリック します。 Kansai WordPress Meetup @KOBE #015 31

Slide 32

Slide 32 text

ダッシュボード ダッシュボードが表示されます。 Kansai WordPress Meetup @KOBE #015 32

Slide 33

Slide 33 text

WordPress日本語版に 切り替える Kansai WordPress Meetup @KOBE #015 33

Slide 34

Slide 34 text

ダッシュボード [Settings]に マウスカーソルを合わせ、 右に表示されるメニューにて [General]をクリックします。 Kansai WordPress Meetup @KOBE #015 34

Slide 35

Slide 35 text

General Settings(1) 「General Settings」が表示さ れます。 「Site Language」項目にて、 「日本語」を選択します。 Kansai WordPress Meetup @KOBE #015 35

Slide 36

Slide 36 text

General Settings(2) [Timezone]にて、 「UTC +9」を選択します。 Kansai WordPress Meetup @KOBE #015 36

Slide 37

Slide 37 text

General Settings(3) 設定の変更が完了したら、 画面一番下にある [Save Changes]を クリックします。 Kansai WordPress Meetup @KOBE #015 37

Slide 38

Slide 38 text

日本語版への切り替え完了 WordPress 日本語版に 切り替えが完了しました。 Kansai WordPress Meetup @KOBE #015 38

Slide 39

Slide 39 text

Local by Flywheel メールを確認する Kansai WordPress Meetup @KOBE #015 39

Slide 40

Slide 40 text

UTILITES 「UTILITIES」をクリックし、 「OPEN MAILHOG」を クリックします。 Kansai WordPress Meetup @KOBE #015 40

Slide 41

Slide 41 text

MAILHOG メール一覧 Webメール「MAILHOG」が 表示されます。 メール一覧から、 対象のメールをクリックします。 Kansai WordPress Meetup @KOBE #015 41

Slide 42

Slide 42 text

MAILHOG メール詳細 選択したメールの詳細が表示さ れます。 Kansai WordPress Meetup @KOBE #015 42

Slide 43

Slide 43 text

Local by Flywheel WordPressにアクセス Kansai WordPress Meetup @KOBE #015 43

Slide 44

Slide 44 text

VIEW SITEをクリック 作成したWordPressの VIEW SITEをクリックします。 Kansai WordPress Meetup @KOBE #015 44

Slide 45

Slide 45 text

WordPressサイト Local by Flywheelで構築した WordPressサイトが 表示されます。 Kansai WordPress Meetup @KOBE #015 45

Slide 46

Slide 46 text

Local by Flywheel サイトを起動する Kansai WordPress Meetup @KOBE #015 46

Slide 47

Slide 47 text

サイトの起動確認 サイトの起動状態は、 以下のいずれかで確認が可能。 ✓サイト一覧の名称左側 ✓ADMIN/VIEW SITEが 押せない Kansai WordPress Meetup @KOBE #015 47

Slide 48

Slide 48 text

サイトを起動 右上の[START SITE]を クリックする。 Kansai WordPress Meetup @KOBE #015 48

Slide 49

Slide 49 text

起動完了 起動が完了しました。 ✓サイト一覧の名称左側 ✓ADMIN/VIEW SITEが 押せる Kansai WordPress Meetup @KOBE #015 49

Slide 50

Slide 50 text

Local by Flywheel WP-CLIを使ってみる Kansai WordPress Meetup @KOBE #015 50

Slide 51

Slide 51 text

オプションメニュー 一覧で対象サイトを 右クリックすると、 オプションメニューが表示。 Kansai WordPress Meetup @KOBE #015 51

Slide 52

Slide 52 text

Open Site Shell メニュー内の 「Open Site Shell」を 選択します。 Kansai WordPress Meetup @KOBE #015 52

Slide 53

Slide 53 text

シェルウィンドウ WP-CLIは、 WordPressをコマンドで 操作が可能になります。 以降は、WP-CLIの ドキュメントを参考に、 いろいろ試してみましょう。 Kansai WordPress Meetup @KOBE #015 53

Slide 54

Slide 54 text

シェルウィンドウの閉じ方 「exit」と入力し、 [Enter]キーを押すと ウィンドウは閉じられます。 Kansai WordPress Meetup @KOBE #015 54

Slide 55

Slide 55 text

“A new version of Local is avelable!” が表示された Kansai WordPress Meetup @KOBE #015 55

Slide 56

Slide 56 text

A new version of Local is avelable! Local by Flywheelの 最新版がリリースされています。 最新版のダウンロードが 可能な環境で 「UPDATE LOCAL」を クリックします。 Kansai WordPress Meetup @KOBE #015 56

Slide 57

Slide 57 text

Downloading Update… ダウンロードを開始します。 完了後、 セットアップが開始されます。 Kansai WordPress Meetup @KOBE #015 57

Slide 58

Slide 58 text

Local by Flywheelを 閉じるとき Kansai WordPress Meetup @KOBE #015 58

Slide 59

Slide 59 text

Confirm Local by Flywheel終了時に、 サイトをSTOPする確認が 求められます。 使わないときはSTOPを 推奨します。 「はい(Y)」を押しましょう。 Kansai WordPress Meetup @KOBE #015 59

Slide 60

Slide 60 text

Windowsで HTTP Error 404.0 – NotFound になる場合 Kansai WordPress Meetup @KOBE #015 60

Slide 61

Slide 61 text

Windows の 機能の有効化または無効化 スタートバーにある検索枠で 「Windows の機能」と入力し、 「Windows の機能の有効化ま たは無効化」を探し、選択しま す。 Kansai WordPress Meetup @KOBE #015 61

Slide 62

Slide 62 text

World Wide Webサービス を無効化 一覧から、 「インターネット インフォ メーション サービス」の中に ある、「World Wide Web サービス」のチェックマークを 外し、[OK]を押します。 Kansai WordPress Meetup @KOBE #015 62