MAMP でローカルに WordPress のテスト環境を作る方法 #Mac

2017/04/28
ブログ / WordPress

Mamp

テーマを大幅に編集するときには、直接ファイルを編集するのではなく、テスト環境で触ったほうが望ましい。

けれども面倒くさくて敬遠している人も多いのではないかと思います。

もしそうなら、これから紹介する方法を、ぜひとも試してみてください。

WordPress のテスト環境を Mac mini のローカルに作った

これまでは MacBook Air だけにしか WordPress のテスト環境は作っていませんでしたが、この度 Mac mini のローカルにもテスト環境を構築しました。

どちらの Mac でもテスト環境の構築には「MAMP」というアプリケーションを利用しています。

せっかくなので、この機会に手順をまとめておきます。

参考にしたのは、ごりゅご.com の以下の記事です。

Mac のローカルに WordPress テスト環境を作る

おおまかに次の流れで進みます。

  1. MAMP をインストールする
  2. MAMP に WordPress を動かすデータベースを作る
  3. WordPress をインストールする

ひとつずつ見ていきます。

スクショをかなり使っているので、よく分からなくてもそのまま進んでいけばできるはず。

執筆時点での MAMP のバージョンは 3.0.5 です。

1. MAMP をインストールする

まずは Mac に MAMP をインストールしましょう。

MAMP を公式サイトでダウンロードします。

▼オレンジの「Download」をクリック
スクリーンショット 2014 04 27 16 58 14

ダウンロードにはかなり時間がかかるので、じっくり待ちましょう。

ダウンロードが完了したら、ファイルを開いてインストール作業に入ります。

▼インストールは「続ける」や「同意する」で進んでいけば完了します。
スクリーンショット 2014 04 27 17 12 06
▼インストールが完了したら「閉じる」でオーケーです。
スクリーンショット 2014 04 27 17 13 51
▼普通の「MAMP」をクリックして起動します。
スクリーンショット 2014 04 27 17 15 41
▼「サーバを起動」をクリックします。
スクリーンショット 2014 04 27 17 16 14
▼こんなページが開きます。
スクリーンショット 2014 04 27 17 16 33

2. MAMP に WordPress を動かすデータベースを作る

さて、続いては WordPress をインストールするデータベースを作りましょう。

▼「phpMyAdmin」をクリックします。
スクリーンショット 2014 04 27 17 20 40
▼こんなページが開きます。
スクリーンショット 2014 04 27 17 22 20
▼「データベース」タブを選び、「データベースを作成する」で「wordpress」というデータベースを作成する
スクリーンショット 2014 04 27 17 22 58

3. WordPress をインストールする

最後にデータベースに WordPress をインストールします。

以下の公式サイトで WordPress をダウンロードしましょう。

▼「WordPress 3.9 をダウンロード」
スクリーンショット 2014 04 27 17 24 49

ダウンロードした WordPress のファイルを MAMP の htdocs に放り込みます。

htdocs の場所は

アプリケーションフォルダ > MAMP > htdocs

なので、ダウンロードフォルダにある「wordpress」をドラッグ&ドロップすればオーケーです。

▼ htdocs に「wordpress」をドラッグ&ドロップする(wordpress のファイル名にはバージョンが入っていると思うのでバージョン名は削除しましょう)。
スクリーンショット 2014 04 27 17 26 21

次に以下のアドレスにブラウザでアクセスします。

http://localhost:8888/wordpress/

ここで WordPress のインストール作業を行います。

▼開くとこんな画面が表示されます。「設定ファイルを作成する」をクリック。
スクリーンショット 2014 04 27 17 26 45
▼気にせず「さあ、始めましょう!」
スクリーンショット 2014 04 27 17 27 07
▼こんな画面が表示されます。
スクリーンショット 2014 04 27 17 27 17

この画面では以下のように入力すればオーケーです。

データベース名 wordpress
ユーザー名 root
パスワード root
データベースのホスト名 localhost
テーブル接頭辞 wp_
▼こんなふうに入力して「送信」します。
スクリーンショット 2014 04 27 17 27 43
▼「インストール実行」
スクリーンショット 2014 04 27 17 27 57
▼ここらへんは自分の好きなように設定してください。最後のチェックは外しておいたほうがいいかも。設定したら「WordPress をインストール」
スクリーンショット 2014 04 27 17 28 15
▼完了したら後は「ログイン」すればオーケーです。
スクリーンショット 2014 04 27 17 29 58
▼WordPress の管理画面が表示されます。
スクリーンショット 2014 04 27 17 31 49

管理画面には以下のアドレスでアクセスできるので、ブックマークしておくといいでしょう。

http://localhost:8888/wordpress/wp-admin/

じんないたくみの声

これからは Mac mini でもゴリゴリやっていこうかな、と。

本体ブログの記事を一括でローカル環境にぶっこむ方法を、また別記事で書くのでよければ参考にしてください。