【WordPress】MAMPを使って本番環境をローカル環境に構築する方法
サイトの修正を行うときにいきなり本番環境をいじるわけにはいかないので、本番環境をデータベースごとコピーしローカル環境に再現する必要があります。MAMPを使って本番環境をローカル環境に構築する手順について記していきます。
実行環境
実行環境は以下のとおりです。
macOS ver14.1.2
MAMP 6.9
手順①:MAMPのインストール
まずは、MAMPへアクセスし、MAMP &MAMP PROをインストールしてください。
![](http://kohnote.com/wp-content/uploads/2024/06/MAMP-1024x492.jpg)
パッケージがダウンロードできたら展開してください。画像のようにMAMPとMAMP PROがダウンロードできていたらOKです。
![](https://kohnote.com/wp-content/uploads/2024/06/download_MAMP-1024x398.jpg)
手順②:MAMPの初期設定
MAMPを開きます。(MAMP PROではないです。)
MAMPを起動したらPreferenceを押します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-24-3.02.41-1024x826.jpg)
以下の画像のようにポート番号を設定し、OKボタンを押します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-24-3.07.54-1024x828.jpg)
ホーム画面のスタートボタンを押します。立ち上がったらWebStartボタンを押します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-24-3.13.101-1024x835.jpg)
Toolsの中の、phpMyAdminを選択します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-24-3.15.08-1024x569.jpg)
任意のデータベース名を入力し、作成を押します。今回はwpとします。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-24-3.15.53-1024x384.jpg)
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-24-3.17.32-1024x443.jpg)
手順③:WordPressのインストール
次に新しくWordPressをダウンロードします。
https://wordpress.org/へアクセスしWordPressをダウンロード、解凍します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-26-14.25.57-1024x593.jpg)
手順④:本番環境のデータをダウンロード
本番環境のデータをダウンロードします。今回はWordPressプラグインの1つである「ALL-in-One WP Migration」を使用します。
新規プラグインの追加からAll-in-One WP Migrationを追加します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-26-14.31.02-1024x331.jpg)
エクスポート→メディアライブラリをエクスポートしない→エクスポート先「ファイル」を選択します。
メディアライブラリをエクスポートしないを選ばないとダウンロードするファイルの大きさが膨大になります。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-26-14.32.36-1-1024x633.jpg)
次に先ほどダウンロードしなかったメディアファイルをFTPでPCにダウンロードします。
FTPサーバーにログインし、必要なファイルをダウンロードします。パスは、「WordPressインストール先/wp-content/uploads」です。私の場合は、「WordPressインストール先/wp-content/uploads/2022、2023、2024」のファイルをダウンロードしました。
ダウンロードできたことを確認します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-26-15.00.21-1024x74.jpg)
手順⑤:仮想環境でのWordPressの初期設定
仮想環境でWordPressの初期設定を行なっていきます。
まずは、ローカル環境の公開ディレクトリに手順③でダウンロードしたWordPressファイルを設置します。場所は、「/Applications/MAMP/htdocs」です。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-26-15.08.13-1024x812.jpg)
次にMAMPを起動します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-24-3.13.101-1024x835.jpg)
ブラウザで、「localhost/wordpress」(wordpressにはhtdocs下に作ったファイル名を入れる)と入力します。WordPressの設定画面が表示されます。もし表示されないようであれば、ブラウザのキャッシュを削除すると動くと思います。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-26-15.34.08-1024x670.jpg)
データベース名に先ほど作成した名前を記述します。他の部分も埋めます。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.48.34-1024x818.jpg)
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.51.08-1024x944.jpg)
先ほど設定したユーザ名とパスワードを入れログインします。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.51.46-702x1024.jpg)
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.53.15-1024x510.jpg)
手順⑥:WordPressファイルのインポート
実環境で取得したWordPressファイルをインポートしていきます。
まずプラグインの新規追加から、「ALL-in-One Migration and Backup」を追加し、有効化します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.54.08-1024x599.jpg)
プラグインのインポート画面に進みます。ここでアップロードファイルサイズを見ると初期設定では8MBとなっており容量が小さすぎます。そのため設定ファイルのアップロードファイルサイズを書き換えます。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.54.58-1024x271.jpg)
「/Applications/MAMP/htdocs/.htaccess」ファイルを開きます。表示されていない時は、「command」+「shift」+「.」 で、隠しファイルが表示されます。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.55.59-1-1024x473.jpg)
設定ファイルが開けたら、<IfModule mod_rewrite.c></IfModule>の間に以下のコードを追加します。アップロードサイズが足りない場合は自分で調整してみて下さい。
php_value upload_max_filesize 256M
php_value post_max_size 256M
php_value memory_limit 512M
php_value max_execution_time 300
php_value max_input_time 300
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.59.26-1024x665.jpg)
リロードすると先ほどは8MBだったアップロードサイズが256MBになっているはずです。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.59.37-1024x311.jpg)
手順④で取得した「.wpress」ファイルをアップロードします。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-1.59.56-1024x29.jpg)
開始をクリックします。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-2.00.18.jpg)
このような画面が出たら完了です。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-2.00.56.jpg)
次にメディアファイルをインポートしていきます。
「/Applications/MAMP/htdocs/wordpress/wp-content/uploads」フォルダの中に、手順④の最後で取得したものを配置します。
![](https://kohnote.com/wp-content/uploads/2024/06/スクリーンショット-2024-06-27-2.02.32-1-1024x500.jpg)
配置できたら、ブラウザに「localcode/wordpress」と入力すると本番環境が再現できているはずです。お疲れ様でした!
補足
・MAMPをアンインストールしたい時
アプリケーションのMAMPを削除するだけでなく、関連ファイルも削除する必要があります。関連ファイルは「/Users/ユーザー名/Library」の中にあります。