【Mac】MAMPを使ってWordPressをインストールする方法

# はじめに
MAMPを使ってWordPressをインストールする方法について解説します。

# MAMPをダウンロードする

<img width="1213" alt="Downloads_-_MAMP___MAMP_PRO.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/bb932cbf-5a63-fcd5-a74b-3879be1e0012.png">


[MAMPの公式サイト](https://www.mamp.info/en/downloads/)にアクセスしてMAMPをダウンロードします。


ダウンロードしたら、ダウンロードしたファイルを開いて説明に答えていきます。

「インストールが完了しました」と表示されたら完了です。

# MAMPを起動させる

<img width="526" alt="MAMP.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/7c96492f-7d77-2678-86a6-a326de120126.png">
「Start Server」を選択してMAMPを起動します。

<img width="530" alt="1MAMP.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/c8e50fc0-b82f-7a8f-32d3-c0c99cb974fc.png">

画像のように「Apache Server」と「MySQL Server」が緑色になっていれば、正常に起動されています。



# データベースの作成
WordPressを使うには先にデータベースを作成する必要があります。そのため、WordPressで使うデータベースを作ります。


<img width="525" alt="2MAMP.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/6ffc4085-2f46-3d35-5bbd-b77d010deca1.png">
「Open WebStart page」を選択します。

<img width="896" alt="3MAMP.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/3b8ec1fc-15c6-49fb-21bd-cb5627e6f387.png">
「TOOLS」>「PHPMYADMIN」を選択します。

<img width="762" alt="localhost_8888___localhost___phpMyAdmin_4_8_3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/72b0fc21-3200-b93e-dfa6-6bf59f1a8348.png">
「New」を選択してデータベースを作成します。

<img width="436" alt="lo45calhost_8888___localhost___phpMyAdmin_4_8_3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/f4d5989c-a809-5156-8c7c-63598cdd72b2.png">


データベース名と照合順序を入力します。
入力したら「作成」ボタンをクリックします。


<img width="225" alt="localh7878ost_8888___localhost___phpMyAdmin_4_8_3.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/2e3c6c8e-5db4-bf82-5e9a-4f548ddd3805.png">


画像のように、左側に先程作成したデータベースが表示されていれば成功です。



# WordPressをインストール

<img width="1069" alt="33日本語_«_ダウンロード_—_WordPress.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/2b0a602f-83c3-2d2e-d808-4dca91aab20f.png">
[WordPressの公式サイト](https://ja.wordpress.org/download/)へアクセスして、WordPressをダウンロードします。


<img width="267" alt="112.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/8e174666-3bbd-2e50-ab05-70c5590caf81.png">
ダウンロードしたzipファイルを展開すると、「wordpress」のフォルダが出てきます。

<img width="207" alt="htdocs.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/c6a07dff-b32c-2f6a-3261-0049b249b648.png">

「wordpressフォルダ」をMAMPの中にある「htdocsフォルダ」の配下にコピーします。

# WordPressの初期設定

<img width="1310" alt="21WordPress_›_構成ファイルのセットアップ.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/ce25d0ec-bef4-977a-64d0-e9c9f96e0c7e.png">
`http://localhost:8888/wordpress`にアクセスします。
アクセスすると、画像のように設定画面に遷移します。
「さあ、始めましょう！」を選択します。

<img width="863" alt="1111WordPress_›_構成ファイルのセットアップ.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/ffbc553e-e09f-2b85-ddec-a494305dd8a5.png">
画像のように以下の項目を入力します。

- データベース名
- データベースのユーザー名
- データベースのパスワード

<img width="708" alt="32wordpress_key.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/68e2f117-26e1-f1b2-e260-c1fba0c361ba.png">
インストール実行を選択します。

<img width="727" alt="21212wordpress_key.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/f2f5148d-b200-d49c-78d4-ff2074c2d992.png">

以下の項目を入力します。

- サイトのタイトル
- ユーザー名
- パスワード
- メールアドレス

入力できたら、「WordPressをインストール」を選択します。
<img width="1097" alt="3333wordpress_key.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/b08069f5-4f61-91f5-7855-7be37316ef6b.png">

「成功しました！」と表示されたらWordPressのインストールが完了です。

「ログイン」ボタンを選択して、WordPressにログインします。

<img width="380" alt="4343wordpress_key.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/31a6fb18-8581-59f1-a9b0-c691eb65bc0f.png">

先程、設定した「ユーザー名」「パスワード」を入力します。
<img width="820" alt="55wordpress_key.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/392565/155006a1-c26b-2627-4f8a-ddb1610bad1c.png">

ダッシュボード画面が表示されれば、完了です。