WordPressのローカル環境構築

## はじめに
アルバイトでWordPressを触る機会があったので、そのときの備忘録を残そうと思います。本記事ではLocalというソフトウェアを用いて環境構築を行います。

## 参考
- [初心者でも簡単にWordPressのローカル環境を構築する方法（Localを使用）](https://lucy.ne.jp/bazubu/how-to-create-local-environment-23801.html)

## インストール
- [こちら](https://localwp.com/)からLocalの公式サイトに飛んで、「OR DOWNLOAD FOR FREE」をクリックする

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/6cc74f93-e253-95b3-6ede-9a54c91e7b67.png" width="520" />

- プラットフォーム、名前、苗字、Eメール、電話番号を入力してインストーラーをダウンロードする

- インストーラーを起動して、指示に従って初期設定を行う。

- 誤ってLocalをアンインストールしたときのために、[こちら](https://hub.localwp.com/create)から公式サイトに飛んでアカウントを用意しておく。

## セットアップ

- アカウントの登録が済んだらLocalアプリに戻り、「Create a new site」をクリックする。左下の「+」ボタンをクリックしても同じ操作ができる。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/9c661555-2d63-d35b-466d-e5b220e49955.png
" width="520" />

- 「Continue」をクリックする

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/62a28179-fcbf-1a37-3ee4-fe27d9e431bb.png" width="520" />

- サイト名を入力して、「Continue」をクリックする

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/600d9270-d82b-e0ea-f158-290e01f1c7d1.png" width="520" />

- 「Preferred」を選択して、「Continue」をクリックする
    - 「Custom」を選択した場合、以下のものが設定できます
        - PHPのバージョン
        - Webサーバー（nginx or Apache）
        - DB(MySQL or MariaDB)

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/e5322bfb-d8ce-912d-7b04-a8a24e092352.png" width="520" />

- ユーザー名、パスワード、メールアドレスを設定して、「Add Site」をクリックする

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/9d9e381a-7c48-21ee-f2d0-5ade3c17ca37.png" width="520" />

これでローカル環境構築は完了しました。


## [おまけ①] エラー解消
### エラー内容
- 次のようなエラーが発生
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/d038d8dd-d7d3-6a61-7c2e-ae3c887eb747.png" width="520" />

- 「WP Admin」をクリックしても、管理画面サイトが正常に動いていなかった

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/822d0984-24a3-730a-606b-4f7e1025bfd2.png" width="520" />

### 解決策
- 左上のメニューを開いて「Preferences」をクリックする

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/99bc03c2-0f99-bfb7-cece-6370dff49289.png" width="520" />

- 「Advanced」を開いて、「Router mode」を``localhost``に設定する。その後、「Apply」をクリックする。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/0679b727-7238-09f4-ada9-a47ea37461aa.png" width="520" />

- 元の画面に戻るとメッセージの内容が変わっているので、「Fix if」をクリックする

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/9f0a4f28-a78e-45ef-d7a2-69bc496ce6d7.png" width="520" />

- もう一度「WP Admin」をクリックすると、今度は正常なページに飛ばされる

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/ea2900c4-e2e2-3c57-9e6b-3e383e26afe6.png" width="520" />

## [おまけ②] WordPressを日本語に設定する
- 「WP Admin」をクリックすると、ログイン画面に飛ばされる

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/ea2900c4-e2e2-3c57-9e6b-3e383e26afe6.png" width="520" />

- 先ほど設定したユーザー名とパスワードを入力してログインすると、管理画面に飛ばされる

- 左のサイドメニューの「Settings」の「General」をクリックする

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/7cf89f5a-c0ca-7224-68a1-d770eb257401.png" width="520" />

- 「Site Language」を日本語に設定する。その後、サイトの下にある「Save Changes」をクリックする。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/6ac5d8a3-1944-cd1e-c00c-f80910296efb.png" width="520" />

- これによって管理画面の言語が日本語に切り替わる

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2664008/1b0ad1df-5531-f8e5-bf64-a38fd593847c.png" width="520" />

## おわりに
インストール・セットアップは参考記事とほとんど同じですので、もし困ったことがあった場合はそちらのほうもご覧になってください。今後はWordPress周りの記事も書いていこうと思います。