Local by FlywheelでWordPressのローカル環境を構築するfor Mac

#はじめに
この記事は、私の通う大学で行われる作品展で後輩にWordPressを教えるために書いた記事です。
今回は環境構築編です。経験のない人にもわかるように事細かに手順を記載していきます。

サーバー構築に関する知識がなくても簡単にWordPressのローカル環境の構築を行うことのできる、『Local by Flywheel(ローカルバイフライホイール)』というソフトウェアがあります。
ここではそのソフトウェアを使ってWordPressのローカル環境を構築する方法を説明していきます。

#Local by Flywheelの入手
1. Local by Flywheelを公式サイトにアクセスします。
[Local by Flywheel](https://localwp.com/)

2. 「FREE DOWNLOAD!」ボタンをクリックします。
<img width="1420" alt="スクリーンショット 2020-06-21 18.24.10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/ac8c20c2-fde4-11aa-c18b-3f4fa8d27704.png">

3. プラットフォームの選択をします。今回はMacでの環境構築なのでMacを選択します。
<img width="1420" alt="スクリーンショット 2020-06-21 18.20.11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/28102057-8746-eeae-6040-f9269665d571.png">

4.　必要事項を記入します。「Work Email」のみ入力必須です。
<img width="423" alt="スクリーンショット 2020-06-21 18.23.00.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/e19d8a4b-343a-4fe4-41e2-5e344848f833.png">

5.　ダウンロードします。
6.　インストールします。
ダウンロードしたファイルを解凍してできた「Local by Flywheel.app」をアプリケーションフォルダーに移動させます。アイコンをダブルクリックするとインストーラーが起動します。
![77d29827dcd5d05c177ef078f1d58fe6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/ececb579-bd20-e6c0-2ee3-8ab398e91df6.png)
初期起動時、ダイアログが表示されます。これはソフトウェアがエラーで終了した場合に開発元へエラーレポートを送信するか選択するものです。好きな方を選んで構いませんが、「Turn on Error Reporting」を選択すると開発に協力できます。

画像のように「Welcome to Local by Flywheel!」という画面が表示されたら、何もせずにそのまま「LET'S GO!」ボタンをクリックします。必要なソフトウェアがインストールされます。

途中でユーザー名とパスワードを聞かれますが、PCのユーザー名とパスワードを入力してください。
7.　画像の画面が表示されたらインストール完了です。
![localbyflywheel-install_12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/7cca456b-b1d6-7261-bac5-d2a67a922b5d.png)


#新規サイトの作成
1.　上の画像の「＋CREATE A NEW SITE」をクリックします。
2.作成するサイトの名前を入力します。ただしLocal by Flywheelでは日本語は表示できないので、半角英数字で入力してください。（WordPressで表示されるサイト名はあとで日本語に変更できます）
入力後、「CONTINUE」をクリックします。
<img width="1201" alt="スクリーンショット 2020-06-21 19.39.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/f67eab12-1b6d-b360-6253-8d2f7f2bc32e.png">
3. ローカル環境のサーバーの仕様を選択します。ここでは「Preferred」を選択します。
<img width="1200" alt="スクリーンショット 2020-06-21 19.43.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/58740fc4-c881-2f18-6252-d6cd09b6a65f.png">
4.　WordPressのログインに使用するユーザー名とパスワードを決めて、メールアドレスとともに入力します。その後、「ADD SITE」をクリックします。
<img width="1202" alt="スクリーンショット 2020-06-21 19.45.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/a531728a-0ec8-8e8e-3704-c0d74ae5c2f4.png">
5.　サーバーを起動させます。
<img width="1201" alt="スクリーンショット 2020-06-21 19.57.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/0ee471aa-8f17-1ed5-7622-a03947958aec.png">
右上が画像と同じ状態になっていればサーバーが起動しています。
画像と違っている場合は、それぞれクリックして画像と同じ状態にしてください。

6.　「VIEW SITE」をクリックして、WordPressサイトが表示されれば成功です。
<img width="1202" alt="スクリーンショット 2020-06-21 19.50.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/cafc237b-6285-cddb-3391-59789396bb9b.png">
「ADMIN」をクリックすると、WordPressの管理画面のログイン画面に飛びます。
また、~\Local Sites\サイト名の横の丸印をクリックすると、ローカルに構築したWordPressサイトが保存されているフォルダを開くことができます。
<img width="828" alt="スクリーンショット 2020-06-21 20.06.35.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/438391/704ccda5-18d9-ba62-c362-1f03bb212106.png">


#おわりに
WordPressを初めて使うにあたって、必要なローカル環境の構築は以上です。そのほかにもWordPress側での初期設定が必要となってきますので、管理画面へログインして初期設定を行いましょう。