![](https://hrdyuic.com/wp-content/uploads/8335d558d151e09a696fb916ebabfbd5.png)
プラグインやオリジナルサイト制作などのテスト環境用としてMAMPでWordPressのローカル環境を構築したいんだけど方法が分からない。
こういった悩みにお答えします。
※本記事はMacを使用して解説しております🙇♂️
本記事で解決できること
- MAMPのダウンロードからインストールまでの方法
- MAMPの使い方(設定方法)
- WordPressフォルダのダウンロード方法
- MAMPとWordPressフォルダでWordPressのローカル環境を構築する方法
是非、最後までご覧ください。
MAMPを使ってWordPressのローカル環境を構築する方法を解説します。
MAMPをダウンロードします。
MAMPの公式サイトにアクセスします。
「Free Download」を選択します。
![](https://hrdyuic.com/wp-content/uploads/26edd9f1d652ef5e0455cc2520da994e.jpg)
![](https://hrdyuic.com/wp-content/uploads/26edd9f1d652ef5e0455cc2520da994e.jpg)
自分の環境に合ったOSを選択します。
![](https://hrdyuic.com/wp-content/uploads/fe5bcee71f4a98b9ac2ceb58d677aa8a.jpg)
![](https://hrdyuic.com/wp-content/uploads/fe5bcee71f4a98b9ac2ceb58d677aa8a.jpg)
「Download」が開始されます。
![](https://hrdyuic.com/wp-content/uploads/24b756c82b945ea9567845d08ac7e4e9.jpg)
![](https://hrdyuic.com/wp-content/uploads/24b756c82b945ea9567845d08ac7e4e9.jpg)
ダウンロード終了後、赤枠をクリックするとインストールに移ります。
MAMPをインストールしていきます。
「続ける」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/6325e707a4ea55b6bf07e932aa554677.jpg)
![](https://hrdyuic.com/wp-content/uploads/6325e707a4ea55b6bf07e932aa554677.jpg)
「続ける」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/95546dfef85e522e8c85d53920656be9.jpg)
![](https://hrdyuic.com/wp-content/uploads/95546dfef85e522e8c85d53920656be9.jpg)
「続ける」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/58e603eb606d01ede1e6791f6752742a.jpg)
![](https://hrdyuic.com/wp-content/uploads/58e603eb606d01ede1e6791f6752742a.jpg)
下記画面が表示されるので「同意する」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/7bcddad1403f5ffc623a29400adf808d.jpg)
![](https://hrdyuic.com/wp-content/uploads/7bcddad1403f5ffc623a29400adf808d.jpg)
「インストール」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/2ba009dd2f8c83a1a314c483280bdcc5.jpg)
![](https://hrdyuic.com/wp-content/uploads/2ba009dd2f8c83a1a314c483280bdcc5.jpg)
インストールをクリックすると下記画面が表示されるためパスワードを入力して「ソフトウェアをインストール」をクリックするとインストールが開始されます。
※パスワードはPCにログインする際のパスワードと同じです。
![](https://hrdyuic.com/wp-content/uploads/79b85fd18acb1ccf6e8b6472344a7bc2.jpg)
![](https://hrdyuic.com/wp-content/uploads/79b85fd18acb1ccf6e8b6472344a7bc2.jpg)
インストールが完了すると下記画面が表示されるため「閉じる」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/fdeb63614bc240a36e4e9a568f3ea840.jpg)
![](https://hrdyuic.com/wp-content/uploads/fdeb63614bc240a36e4e9a568f3ea840.jpg)
閉じるをクリックすると下記画面が表示されるため「ゴミ箱に入れる」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/e01a2449d38609b6eda08791094c46e1.jpg)
![](https://hrdyuic.com/wp-content/uploads/e01a2449d38609b6eda08791094c46e1.jpg)
「MAMP」を開いていきます。
Finderから、「アプリケーション」を選択します。
「MAMP」をダブルクリックします。
![](https://hrdyuic.com/wp-content/uploads/669744f44138fe0265933f4ef78d133a.jpg)
![](https://hrdyuic.com/wp-content/uploads/669744f44138fe0265933f4ef78d133a.jpg)
MAMPフォルダが開きました。
「MAMP.app」をダブルクリックします。
![](https://hrdyuic.com/wp-content/uploads/76f9b8bfa0d188420a4100760b1405d5.jpg)
![](https://hrdyuic.com/wp-content/uploads/76f9b8bfa0d188420a4100760b1405d5.jpg)
「MAMP PRO 6 − Introducing」が表示されます。
show this window when starting application(アプリケーションの起動時にこのウィンドウを表示する)のチェックを外し「
」で閉じます。![](https://hrdyuic.com/wp-content/uploads/910249c3493f08370f8203bac359944e.jpg)
![](https://hrdyuic.com/wp-content/uploads/910249c3493f08370f8203bac359944e.jpg)
これでMAMPが使えるようになりました。
MAMPの「環境設定」を行って(確認して)いきます。
「Preferences」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/e0d01722ce349b4b41c5cdb57d3229d1.jpg)
![](https://hrdyuic.com/wp-content/uploads/e0d01722ce349b4b41c5cdb57d3229d1.jpg)
※下記画面がデフォルトです。
下記を参考に自分好みにカスタマイズしてみて下さい。
- Start server:「MAMP.app」を開くと同時にMAMPのトップページが開きます。
※下記にトップページの参照画像を用意しています。
- Check for updates:アップデートを確認
- Open WebStart page:スタートボタンを押すと自動的にMAMPのトップページが開きます。
※下記にトップページの参照画像を用意しています。
- Stop servers:「MAMP.app」の終了と同時にローカルサーバーも自動的に切断されます。
- PHP-Cache:「off」を選択します。
※「off」を選択していなければコードの変更が反映されません。
![](https://hrdyuic.com/wp-content/uploads/dd467b4bfd49e10d9858f4bbe146fae8.jpg)
![](https://hrdyuic.com/wp-content/uploads/dd467b4bfd49e10d9858f4bbe146fae8.jpg)
MAMPのトップページ(下記画像)
![](https://hrdyuic.com/wp-content/uploads/eaa093f11ba3f065c0f98f769341f609.jpg)
![](https://hrdyuic.com/wp-content/uploads/eaa093f11ba3f065c0f98f769341f609.jpg)
デフォルトでOKです。
![](https://hrdyuic.com/wp-content/uploads/588cce7e77f7566dd16983497d7f61cb.jpg)
![](https://hrdyuic.com/wp-content/uploads/588cce7e77f7566dd16983497d7f61cb.jpg)
後ほど解説します。
![](https://hrdyuic.com/wp-content/uploads/308745a7f09b7ecf1e464356c4e4b5f0.jpg)
![](https://hrdyuic.com/wp-content/uploads/308745a7f09b7ecf1e464356c4e4b5f0.jpg)
デフォルトでOKです。
![](https://hrdyuic.com/wp-content/uploads/049eb20ea550bbac29ef8868f854bd0a.jpg)
![](https://hrdyuic.com/wp-content/uploads/049eb20ea550bbac29ef8868f854bd0a.jpg)
データベースを作成していきます。
「Start」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/33c0e5d8dc40d42cd5a93e4cadc8ccbd.jpg)
![](https://hrdyuic.com/wp-content/uploads/33c0e5d8dc40d42cd5a93e4cadc8ccbd.jpg)
「WebStart」がクリック可能になりました。
「WebStart」をクリックします。または、自動的にMAMPのトップページに移動します。
![](https://hrdyuic.com/wp-content/uploads/ba5b4be974e6c9b2ed2d0f09e13a33b4.jpg)
![](https://hrdyuic.com/wp-content/uploads/ba5b4be974e6c9b2ed2d0f09e13a33b4.jpg)
MAMPのトップページが表示されます。
「Tools」>「phpMyAdmin」を選択します。
![](https://hrdyuic.com/wp-content/uploads/6037ea4572e560d1dd3583f13c38ae91.jpg)
![](https://hrdyuic.com/wp-content/uploads/6037ea4572e560d1dd3583f13c38ae91.jpg)
「phpMyAdmin」が表示されます。
「データベース」を選択します。
![](https://hrdyuic.com/wp-content/uploads/f6e202fe45a4c2e3ef98a6043f5af936.jpg)
![](https://hrdyuic.com/wp-content/uploads/f6e202fe45a4c2e3ef98a6043f5af936.jpg)
データベースを作成する画面が表示されます。
「データベース名」を入力後、「作成」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/055fee76462a5c8f3b7fae7417fae23c.jpg)
![](https://hrdyuic.com/wp-content/uploads/055fee76462a5c8f3b7fae7417fae23c.jpg)
データベースが作成されました(下記画像)。
![](https://hrdyuic.com/wp-content/uploads/0ab9b0dd98c2eefa445bcfc25d7dd655.jpg)
![](https://hrdyuic.com/wp-content/uploads/0ab9b0dd98c2eefa445bcfc25d7dd655.jpg)
ワードプレスをダウンロードしていきます。
「WordPress.org」のトップページにアクセスします。
トップページが表示されました。
「WordPressを入手」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/8f753ccc9ffd96c6e38b66f72ff55f82.jpg)
![](https://hrdyuic.com/wp-content/uploads/8f753ccc9ffd96c6e38b66f72ff55f82.jpg)
ダウンロードページに移動します。
ページを下にスクロールしていくとダウンロードボタンが出現しますのでクリックでダウンロードが開始されます。
![](https://hrdyuic.com/wp-content/uploads/420473c6279b2218d3089b9233deca8d.jpg)
![](https://hrdyuic.com/wp-content/uploads/420473c6279b2218d3089b9233deca8d.jpg)
ダウンロード成功後、下記画像の赤枠をクリックします。
![](https://hrdyuic.com/wp-content/uploads/f179f3748ad26d57b5b3b9b6f5abcbd5.jpg)
![](https://hrdyuic.com/wp-content/uploads/f179f3748ad26d57b5b3b9b6f5abcbd5.jpg)
上記赤枠をクリック後にzipファイルに入っていたWordPressフォルダが展開されました(下記画像)。
![](https://hrdyuic.com/wp-content/uploads/423737132497d5f32e69179381289c14.jpg)
![](https://hrdyuic.com/wp-content/uploads/423737132497d5f32e69179381289c14.jpg)
このWordPressフォルダを移動させていきます。
ダウンロードしたフォルダを移動させます。
Finderから、「アプリケーション」を選択します。
アプリケーション内にあるMAMPフォルダを開きます。
![](https://hrdyuic.com/wp-content/uploads/669744f44138fe0265933f4ef78d133a.jpg)
![](https://hrdyuic.com/wp-content/uploads/669744f44138fe0265933f4ef78d133a.jpg)
MAMPフォルダが開きました。
htdocsフォルダの中に先ほどのWordPressフォルダを移動(またはコピペ)します。
![](https://hrdyuic.com/wp-content/uploads/6eade5438cb59c4f363424e92ef75dc3.jpg)
![](https://hrdyuic.com/wp-content/uploads/6eade5438cb59c4f363424e92ef75dc3.jpg)
htdocsフォルダ内にWordPressフォルダを移動しました(下記画像)。
![](https://hrdyuic.com/wp-content/uploads/fdda9fa7e452872b6049e3aefbac954e.jpg)
![](https://hrdyuic.com/wp-content/uploads/fdda9fa7e452872b6049e3aefbac954e.jpg)
「Document root」を変更していきます。
Preferencesから、「Server」を選択します。
「Choose…」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/88a77d4509ba54590fe8ea2d41a46d49.jpg)
![](https://hrdyuic.com/wp-content/uploads/88a77d4509ba54590fe8ea2d41a46d49.jpg)
htdocsフォルダ内が表示されました。
その中に先ほど移動したWordPressフォルダが入っていますので、選択した後「Choose」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/a428e910990287c52049edbf28255468.jpg)
![](https://hrdyuic.com/wp-content/uploads/a428e910990287c52049edbf28255468.jpg)
その後、下記画面が表示されますので「OK」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/c6bda23f541897814c1876097561b3e3.jpg)
![](https://hrdyuic.com/wp-content/uploads/c6bda23f541897814c1876097561b3e3.jpg)
「Document root」が変更されました。
- 変更前:Applications MAMP htdocs
- 変更後:Applications MAMP htdocs wordpress
![](https://hrdyuic.com/wp-content/uploads/256e0d94a958524fa98e7692aabea551.jpg)
![](https://hrdyuic.com/wp-content/uploads/256e0d94a958524fa98e7692aabea551.jpg)
ワードプレスの設定を行っていきます。
MAMPのトップページから、「My Website」を選択します。
![](https://hrdyuic.com/wp-content/uploads/fb7b1fea7d480b5ca3b80ee96af82a26.jpg)
![](https://hrdyuic.com/wp-content/uploads/fb7b1fea7d480b5ca3b80ee96af82a26.jpg)
WordPressの設定画面が開きました。
「さあ、始めましょう!」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/ace8a2f4ee9d38fee41aa6f6c6b5f0f0.jpg)
![](https://hrdyuic.com/wp-content/uploads/ace8a2f4ee9d38fee41aa6f6c6b5f0f0.jpg)
データベースの設定画面が開きました。
- データベース名:phpMyAdminで作成したデータベース名を入力します。
※下記に参照画像を用意
- ユーザー名:root
※MAMPインストール時の初期設定のユーザー名が「root」なため
- パスワード:root
※MAMPインストール時の初期設定のパスワードが「root」なため
![](https://hrdyuic.com/wp-content/uploads/87bd2b14d896c4fff53f31f27245c0d6.jpg)
![](https://hrdyuic.com/wp-content/uploads/87bd2b14d896c4fff53f31f27245c0d6.jpg)
データベース名(下記画像)
![](https://hrdyuic.com/wp-content/uploads/2e5455c166f3e35de0f23f9b3ff27b7d.jpg)
![](https://hrdyuic.com/wp-content/uploads/2e5455c166f3e35de0f23f9b3ff27b7d.jpg)
上記データベースの設定画面の送信をクリック後に下記の画面が表示されますので「インストール実行」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/7eb3ab8020847eb1b1b9da279551c817.jpg)
![](https://hrdyuic.com/wp-content/uploads/7eb3ab8020847eb1b1b9da279551c817.jpg)
WordPressをインストールしていきます。
「初期設定」画面が開きました。
赤枠を入力してきます。
![](https://hrdyuic.com/wp-content/uploads/888da6a5c150caf8c4f0be61eab8df6a.jpg)
![](https://hrdyuic.com/wp-content/uploads/888da6a5c150caf8c4f0be61eab8df6a.jpg)
下記を参考に入力して頂いた後「WordPressをインストール」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/0fc00a343b631704446adcd9b2744c36.jpg)
![](https://hrdyuic.com/wp-content/uploads/0fc00a343b631704446adcd9b2744c36.jpg)
WordPressがインストールされました(下記画像)。
![](https://hrdyuic.com/wp-content/uploads/a443624380f2f33ec412ef91f93da0d6.jpg)
![](https://hrdyuic.com/wp-content/uploads/a443624380f2f33ec412ef91f93da0d6.jpg)
「ログイン」をクリックしてログイン画面に移動します。
WordPressの管理画面へログインしていきます。
ログイン画面が表示されています。
初期設定で決めたユーザー名またはメールアドレスとパスワードを入力後、「ログイン」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/697c634573d649ef28112973ce000ab6.jpg)
![](https://hrdyuic.com/wp-content/uploads/697c634573d649ef28112973ce000ab6.jpg)
WordPressの管理画面へログインしました。
「サイトを表示(赤枠)」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/13de9e3bc9de9546928096f1b5bf8404.jpg)
![](https://hrdyuic.com/wp-content/uploads/13de9e3bc9de9546928096f1b5bf8404.jpg)
「localhost:8888」でサイトが表示されています。
![](https://hrdyuic.com/wp-content/uploads/d4dbc7a54139141434cdea367cec6a57.jpg)
![](https://hrdyuic.com/wp-content/uploads/d4dbc7a54139141434cdea367cec6a57.jpg)
これで、MAMPでWordPressのローカル環境を構築することができました。
今回は以上です。