WordPress学習環境を簡単に構築する方法



対象読者

- wordpressを初めて学習する方。
- wordpressを公式でインストールしようとして、DBの必須要件などで挫折しかけてる方。
- さっくと環境構築したい方。


# 『Local』で環境構築をする



### そもそもローカルとは？(簡単に)

- フライホイール社が出しており無料で使用できるフリーウェア。
- WordPlessのWebサイトを立ち上げるための専用の環境構築ソフト。


### インストール開始

LOCALにアクセスをします。
下記画像の青枠で囲まれている『OR DOWNLOAD FREE』ボタンを押下します。


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/7b39282b-4314-62ce-e1b8-ed1c75548be9.png)



『Please choose your platform』を押下し、自分の環境に合わせて『Mac』か『windows』を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/35714da0-68ad-3f3e-9a0d-96978d2cc213.png)



名前など入れましょうと表示されます。必須項目はメールアドレスのみになりますので赤枠で表示されている箇所にメールアドレスを入力してください。
入力したら『Get it Now』を押下します。そうするとダウンロードが実行されます。
ダウンロードが終了したらアプリを立ち上げます。(ダウンロードされたファイルをクリック)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/f815afec-52e8-32c3-06a8-fdd4090a3080.png)



『次へ(N)』を押下します。(今回はwindowsの場合を表示しています。)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/b9132e99-1f20-be96-72cf-0607f80efbc3.png)



この画面も『次へ(N)』を押下します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/6ebe81ac-5c3e-2f9c-ec90-c0b3978650c8.png)


『完了』ボタンを押下します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/de9ed67a-4c6f-7b0e-d23f-f6c31532fc50.png)



規約が表示されますので、確認して頂き、同意にチェックを入れます。
チェックを入れたら『I AGREE』ボタンを押下します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/8900c1ce-a6f2-e284-e54b-a616b616c447.png)


次にもしエラーレポートリングの表示が出た場合はいいえを押下します。
↑でなけれこちらは無視で大丈夫な作業です。
ようこその画面がでますので『×』ボタンで閉じます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/b15f8dc8-d98b-2c3b-7360-6820c96464d9.png)



### サイトを構築していきます。

下記画面が表示されていると思いますので。『creste A New Site 』を押下します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/ad8f217a-ad2d-ec54-c948-3bb15b84aa47.png)


フォームにサイト名を入力します。とりあえず自分は『studyWordpree』にします。後で変更も可能です。
フォーム下にAdvanced optionsと表示されていますが、必要に応じて変更します。今回は変更なしで進めます。
入力後は『continue』ボタンを押下します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/73a1917d-e2d5-ef22-db21-4baca9524572.png)


つづいて、環境を選ぶモードが表示されます。
今回は『Custom』を選択します。
phpとDatabaseのバージョンを選択します。自分は最新のもの選択しました。バージョンについてはお好みで選択していただいてかまいません。
web serverも続けて選択します。こちらは『Apache』を選択します。理由はApacheのが多くのwebサーバーで動かすことができるためです。ただこちらもお好みで大丈夫です。
入力後は『continue』ボタンを押下します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/d5f1ec86-60e9-38cf-8515-81f26e6d4e25.png)


こちらの画面ではユーザー名とパスワードを入力するページになります。
ログインする時にここでの情報が必要となりますので忘れないように入力していきます。
メールアドレスに関しては自分のメールアドレスを入力しましょう。
ユーザー名とパスワードを入力したら、『Add Site』を押下します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/17e45f96-f23c-c393-fd23-ee13819a15d7.png)



しばらくするとwordpress環境が構築されます。
下記画面が表示されましたら、wordpress環境の構築完了です。
- 『WP Admin』ボタンで管理者ページが開きます。
- 『Open site』ボタンでwordpressの作成したページが表示されます。
『WP Admin』ボタンを押下します。
※wordpressはこのwebサーバーが立ち上がってないと開けませんので、画面右端の四角に注意してください。赤色でした起動状態です。クリックで起動と停止ができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/ca30d9c2-7c49-7e2b-fcb6-9cbc0abb6a99.png)


この画面で先ほど入力したユーザー名とパスワードを入力します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1837039/62f784d1-dabc-8293-614e-1afc192705e0.png)


成功すると管理者画面が開きます。これで学習環境は整いました。
さくさく勉強していきましょう！