Macでローカル環境にWordPressをインストールする

Macでローカル環境にWordpressをインストールする時の手順を解説します。

すでに多くの先人が同じような記事を書かれていますが、
OSとMAMPともに最新のバージョンでインストールしたのと
自分への忘備録も兼ねて、ここに記事を残しておきます。

試した環境は
・Macbook Air（13-inch, Early 2015）
・OS X El Capitan（10.11.2）
・MAMP 3.5 (Mac OS X)
・WordPress 4.4
です。

まずはMAMPの公式サイトに行き、最新のインストーラを取得します。

# 1. MAMPインストール

MAMPダウンロード
https://www.mamp.info/en/downloads/

![1.png](https://qiita-image-store.s3.amazonaws.com/0/86172/15983a12-383a-1a38-3b73-1c8a07b7d64f.png)

ダウンロードしたインストーラを起動します。
![2.png](https://qiita-image-store.s3.amazonaws.com/0/86172/1172803d-7ffe-8d20-3143-b956c28a4261.png)

![3.png](https://qiita-image-store.s3.amazonaws.com/0/86172/9d205eea-ecad-f01f-7d48-14a5138bf39b.png)

![4.png](https://qiita-image-store.s3.amazonaws.com/0/86172/e7099ae2-5ba3-3a7f-19d2-0fe6bb7e15eb.png)

MAMPのインストールが完了したら、MAMPを起動します。
初回起動のときに下記のようなウィンドウが出ますが、
「MAMP起動時にMAMP PROを確認」のチェックボックスのチェックを外して
「MAMPを起動」を選択します。
![5.png](https://qiita-image-store.s3.amazonaws.com/0/86172/a24d4243-598c-52fb-093b-4d5db842b638.png)

MAMPが起動します。
![6.png](https://qiita-image-store.s3.amazonaws.com/0/86172/81847af4-8d77-7398-1e3b-24bf2f74c1f4.png)

まずは「サーバを起動」をクリックして、ApacheとMySQLを起動します。
![7.png](https://qiita-image-store.s3.amazonaws.com/0/86172/359d2cb4-6e0b-2c62-cd19-37f8cd338071.png)

正常に起動するとブラウザが立ち上がって
MAMPのスタート画面が表示されます。
URLは
http://localhost:8888/MAMP/?language=Japanese
![8.png](https://qiita-image-store.s3.amazonaws.com/0/86172/d7d27326-1fff-1c52-b72a-3e775bdd9b0d.png)


これでMAMPは使える状態になったので、
WordPressに必要なデータベースの設定をします。

# 2. MySQL設定

MAMPのスタート画面のタブにある「ツール＞phpMyAdmin」をクリックします。
![9.png](https://qiita-image-store.s3.amazonaws.com/0/86172/230f2dc2-3e7b-3086-3315-2fef1a4b012f.png)

phpMyAdminの画面が表示されるので、「データベース」タブをクリックします。
![10.png](https://qiita-image-store.s3.amazonaws.com/0/86172/eec8f0f2-152b-0fb9-2299-4157564b0e08.png)

phpMyAdminでデータベースを作成します。
名前は任意ですが、ここでは「wordpress」で作成します。
![11.png](https://qiita-image-store.s3.amazonaws.com/0/86172/928cc489-fba3-b0b1-85ea-9263092122f8.png)

これでデータベースが正常に作成できれば、準備OKです。
![12.png](https://qiita-image-store.s3.amazonaws.com/0/86172/dd84acb8-a7c3-90af-3f69-e2a9c812cb97.png)

# 3. WordPressインストール

今度はWordPressをダウンロードします。

WordPressダウンロード
https://ja.wordpress.org/

![13.png](https://qiita-image-store.s3.amazonaws.com/0/86172/232b79eb-9f90-8bc6-8418-f58c35444035.png)

ダウンロードしたzipファイル（wordpress-4.4-ja.zip）を解凍し、
Apacheのドキュメントルート（デフォルトは/Applications/MAMP/htdocs/）に
解凍したwordpressフォルダを配置します。

![14.png](https://qiita-image-store.s3.amazonaws.com/0/86172/83ba722f-ad9b-997a-dc6f-381cd4f0bd6b.png)

ブラウザで先ほど配置したWordPressにアクセスします。
http://localhost:8888/wordpress/

すると下記のような画面が表示されるので、
「さあ、始めましょう！」をクリックして先に進みます。

![15.png](https://qiita-image-store.s3.amazonaws.com/0/86172/00c5663e-c464-8f6c-acee-12d5323774d0.png)

するとWordPressで使用するデータベースの情報を入力する画面になるので、
下記のように入力して、「送信」をクリックします。

データベース名：wordpress（準備で作成したDB）
ユーザー名：root
パスワード：root（MAMPの初期パスワード）
データベースのホスト名：localhost
テーブル接頭辞：wp_

![16.png](https://qiita-image-store.s3.amazonaws.com/0/86172/d47611c7-1c66-6e9b-91d4-9d19bd4edfc8.png)

先ほど設定したデータベースに問題なく接続できれば、
下記のような画面が表示されるので、「インストール実行」をクリックします。

![17.png](https://qiita-image-store.s3.amazonaws.com/0/86172/f3f3b615-f5d8-93e9-9566-3d48f0525820.png)

必要情報の画面が表示されるので、
「サイトのタイトル」、「ユーザー名」、「パスワード」、「メールアドレス」を
入力し、「WordPressをインストール」をクリックします。
画面にも書いてありますが、ここで入力した情報は後で変更できます。

![18.png](https://qiita-image-store.s3.amazonaws.com/0/86172/edf71d91-2f2f-fecf-9d30-71599aa7da01.png)

インストールが無事成功すると、下記の画面が表示されるので
「ログイン」をクリックします。

![19.png](https://qiita-image-store.s3.amazonaws.com/0/86172/e36a5a75-a93f-a0fb-ffd2-acdd11c29d4c.png)

WordPressのログイン画面が表示されるので、
先ほど入力した「ユーザ名」と「パスワード」を入力して
WordPressにログインします。

![20.png](https://qiita-image-store.s3.amazonaws.com/0/86172/8620a31b-9c14-dfca-5155-a9f11fd9f6c7.png)

WordPressのダッシュボード画面が表示されれば、
WordPressのインストールは無事完了です。

![21.png](https://qiita-image-store.s3.amazonaws.com/0/86172/24c8648d-fc8d-02fb-83c7-29a54a6b7182.png)