おはこんばんにちは!ブラウザはGoogle Chrome、PC・スマホ・タブレットはアップル製品!
GoogleとApple信者の@appproject_kagoのryoです。
WordPressを使用するユーザーが増えてきた。WordPressとは、豊富なプラグインや高品位なテンプレートを使用してブログやサイトを簡単に構築できるCMSだ。
通常、WordPressはレンタルサーバーなど外部サーバーにインストールすることになる。自身のPCからは、ブラウザを使ってアクセスするだけなのだが、時によってはいろいろなことを試して見たくなる。例えば、あたらしいプラグインやテンプレートなどだ。
そういったときに、サーバー上にあると利便性が悪い(接続などに時間がかかる)し、公開中のサイトにも影響を出してしまう場合がある。このため、利便性の向上やバックアップの意味を含めてローカル環境(自身のPCの中)にWordPressをインストールするとよい。
ただし、WordPressは直接ローカル環境にインストールできない。そこで、「ローカルサーバー」をまず構築しなければならない。
ローカルにサーバーを構築する方法として、2つの方法が有名だ。Windowsで多く使用される「xampp(ザンプ)」と、Macで使用される「MAMP(マンプ)」がある。今回は、Macユーザーのために、MAMPを使用してWordPressをローカル環境へ構築する方法を紹介する。
初心者でも必ずできる!MAMPのWordPress設定・インストール方法、使い方
目次
1.MAMPのインストーラーをダウンロードする
MAMPとは、「Mac、Apache、MySQL、PHP」の頭文字をつなげたもの。インストールするには、まずMAMPの公式ページhttp://www.mamp.info/en/にアクセスして、インストーラーをダウンロードする。
![mampインストール解説1](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/0e4827fc3907ccfc43ded2abaa3eb904.jpg?resize=546%2C340)
2種類のMAMPがあるが、左側の「FREE」バージョンの「Download」をクリックする。
![mampインストール解説2](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/b251103c447230e476e8c5d7e83d3ec7.jpg?resize=546%2C308)
ダウンロードページに移動するので、「Download」ボタンをクリックする。インストーラーファイルがダウンロードされるので、保存する(Macなら「ダウンロード」がデフォルト)。
2.MAMPをインストールする
ダウンロードしたインストーラーをクリックして、ファイルを展開しインストールしてゆく。
![mampインストール解説3](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/f0befed4266fb6d4638f777b5513dcff.jpg?resize=546%2C238)
「MAMP_MAMP_PRO_3.0.2.pkg」(現時点での最新版)をダブルクリックしてインストーラーを展開する。
![mampインストール解説4](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/ce51de90e15a7f2d2525dd18bc85174c.jpg?resize=546%2C411)
インストールウィザードが表示されるので、「続ける」をクリックする。
![mampインストール解説4](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/ce51de90e15a7f2d2525dd18bc85174c.jpg?resize=546%2C411)
![mampインストール解説5](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/5718999442c3f41cab3acb5f9f2412ea.jpg?resize=546%2C411)
大切な情報を確認して「続ける」をクリックする。『フォルダ「MAMP」と「MAMP PRO」をインストールする。インストールしたMAMPの名前を変更したり、削除したりしないように』と記載がある。
![mampインストール解説6](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/98b7427734199c03a81a2b8a01a7d0c4.jpg?resize=546%2C411)
使用許諾契約(現時点では英語のみ)が表示されるので、確認して「続ける」をクリックする。
![mampインストール解説7](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/1495a1c2a4ef9a72e7254e038c81670a.jpg?resize=546%2C411)
使用許諾契約に「同意する」をクリックする。
![mampインストール解説8](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/166e64568d6ea295f8ebfb7c56a9b446.jpg?resize=546%2C411)
「カスタマイズ」をクリックする。無料版のMAMPを使用するなら忘れずにクリックすること。
![mampインストール解説9](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/68af7b46a895b5bbdb70a8210638d642.jpg?resize=546%2C411)
「MAMP PRO」のチェックを外してから「インストール」をクリックする。
![mampインストール解説10](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/8f51f5f14b6bd8474e7b2d482175141c.jpg?resize=546%2C293)
Macの管理者パスワードを入力して「ソフトウェアをインストール」をクリックする。
![mampインストール解説11](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/e66a5210934414cebec70e11ae1c0ab9.jpg?resize=546%2C411)
インストールが始まるので、しばらく待つ。
![mampインストール解説12](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/ef68dfe2d7315bbd4a4a030108851a44.jpg?resize=546%2C411)
インストールが完了したら「閉じる」をクリックする。
3.MAMPを確認、起動する
インストールが完了すると、アプリケーションとしてMAMPがインストールされている。
![mampインストール解説13](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/0f664ff029229c6949d9d67b4541173c.jpg?resize=1000%2C550)
「Finder」→「アプリケーション」→「MAMP」フォルダの中にある「MAMP.app」をダブルクリックして起動する(LaunchPadにも登録されているので、どちらを使用してもよい)。
![mampインストール解説14](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/df045432c7eb83c220b13e2db5d5c474.jpg?resize=546%2C435)
MAMPが起動するので、「サーバーを起動」をクリックする。
![mampインストール解説15](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/ec46bca09ab5283fd798e10d9c9a26fe.jpg?resize=546%2C276)
サーバーを起動させると、ブラウザが起動する。「ようこそ」が表示されたらOKだ。場合によっては接続許可の確認がでるので、「許可」をクリックしておく。ブラウザのページはあとで使用するのでそのままにしておく。
![mampインストール解説16](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/3895215f39bb8e9408e4af93f4b36fef.jpg?resize=546%2C435)
通常は、MAMPの設定を変更する必要はない。デフォルトのまま使用すれば良い。正常に動作している場合には、右上の「Apacheサーバー」と「MySQL」サーバーが緑色に点灯しているはずだ。
また、サーバーを停止したい場合には、起動しているMAMPで「サーバーを停止」をクリックすればよい。
4.MAMPの初期設定をする
インストールが完了したら、データベースを作成するためMAMPの初期設定をする。
![mampインストール解説17](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/d5f1acead7d023c110b8ea0b19484656.jpg?resize=546%2C275)
先ほど起動しているブラウザ(もし閉じてしまっている場合は、MAMPから「スタートページを開く」をクリック)の上部にある「ツール」のプルダウンメニューから、「phpMyAdmin」をクリックする。
![mampインストール解説](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/c176b8e4d85bf40882e939ba6f1ac0d1.jpg?resize=546%2C173)
ページがphpMyAdminの設定ページに切り替わるので、タブにある「データベース」をクリックする。データベースを作成する項目になるので、入力部分に「WordPress」と入力し(もちろん、わかりやすい任意の名前でも構わない)、「作成」ボタンをクリックする。
![mampインストール解説](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/b84ed096fc43e61811a9bd8aac0612c6.jpg?resize=546%2C210)
「データベースWordPressを作成しました」と表示され、WordPressの項目が追加されれば完了となる。
5.WordPressをダウンロードする
ローカルにサーバーが動き始めたら、いよいよWordPressを動作させるための作業となる。
![mampインストール解説](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/5fdac6baf9b746c6f0073d08345bd09e.jpg?resize=546%2C389)
WordPressの日本語公式サイト(http://ja.wordpress.org/)にアクセスし、WordPressのZipファイルをダウンロードする。
![mampインストール解説](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/f51a1983d9fc8c8998e8cddceb527f75.jpg?resize=546%2C227)
ダウンロードしたZipファイルを解凍し、「wordpress」フォルダが作成されたことを確認する。
![mampインストール解説](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/0508fccad875ef891dd3d68ebb126971.jpg?resize=546%2C188)
MAMPで使用するために、フォルダを移動する。Finderを開き、「アプリケーション」→「MAMP」→「htdocs」と開き、ここに先ほど解凍した「wordpress」フォルダを移動(コピペでも可)する。
6.WordPressをインストールする
フォルダを移動したらブラウザを別途起動し、ローカルホスト環境(http://localhost:8888/)に移動する。
![mampインストール解説](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/38aa0daf3c066f67baeaf8cfdcfbb90c.jpg?resize=814%2C228)
index of と表示されているので、「wordpress」とクリックする。先ほどフォルダをきちんと移動できていれば、ここに表示されるはずだ。
![mampインストール解説](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/c14bfedf04806ccbf57d727b31d6daa9.jpg?resize=546%2C197)
初期設定では、「wp-config.php ファイルが見つかりません。開始する前にこのファイルが必要です。」と表示されるが、そのまま「設定ファイルを作成する」をクリックする。
![mampインストール解説](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/75bb02344975f5f356ad79004691e764.jpg?resize=546%2C396)
内容を確認し、「さあ、始めましょう」をクリックする。
![mampインストール解説](https://i2.wp.com/app-project.net/wp-content/uploads/2014/06/313fda94c5eb79ef81055163a06b9a77.jpg?resize=546%2C472)
データベースの情報を入力して「送信」ボタンをクリックする。
データベース名:WordPress(先ほど作成したデータベース名そのまま)
ユーザー名:root(デフォルトではrootになっている)
パスワード:root(デフォルトではrootになっている)
データベースのホスト名:localhost(変更しない)
テーブルの接頭辞:wp_(変更しない)
![mampインストール解説](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/0ff817f805e6f6cd44105624f53224bf.jpg?resize=546%2C190)
入力した情報が正しければ、ページが切り替わるので「インストール実行」をクリックする。
![mampインストール解説](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/f4be342e9d97006dd8acddbc8836f13e.jpg?resize=546%2C631)
サイト構築に必要な情報をさらに入力し、「WordPressをインストール」をクリックする。
スクリーンショットで入力している情報はあくまで一例のため、任意で変更する。
サイトのタイトル:任意(後でダッシュボードから変更も可能)
ユーザー名:任意(WordPressにログインするためのユーザー名)
パスワード:任意(ログイン用のパスワード)
メールアドレス:使用しているメールアドレス(GmailなどでOK)
![mampインストール解説](https://i1.wp.com/app-project.net/wp-content/uploads/2014/06/84cbf372cad01220928a4c91f3ac493f.jpg?resize=546%2C352)
インストールが完了する。ちょっとおちゃめなメッセージ。早速ログインをクリック。
![mampインストール解説](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/309a82a57faadd2ddb97c04e471c4884.jpg?resize=748%2C792)
設定した「ユーザー名」と「パスワード」を入力して「ログイン」をクリックする。
![mampインストール解説](https://i0.wp.com/app-project.net/wp-content/uploads/2014/06/fda665821c75b9714dac6fb2db4b39bf.jpg?resize=546%2C299)
ダッシュボードと書かれた管理画面が表示されれば成功となる。パスワードは忘れないように管理しよう。次回からはここ(http://localhost:8888/wordpress/wp-admin/)からユーザー名とパスワードを入力すればログインできるようになる。
後は任意でWordPressをテストしたり、プラグインを試したりしてみよう。
MAMPのインストールからWordPressのログインまで、それほど難しい設定はないはずだ。紹介した手順にそって、誰でもローカル環境にWordPressをインストールすることができる。
ぜひ、利便性の高いローカル環境を生かして存分にポテンシャルを発揮してもらいたい。
![にほんブログ村 PC家電ブログ Macへ](https://i0.wp.com/pckaden.blogmura.com/mac/img/mac88_31.gif?resize=88%2C31&ssl=1)
にほんブログ村
有益な情報本当に助かりました!
ありがとうございます。
[…] 参考にしたサイト インストールまで MAMP自身の設定(エラーの対処法まで出ていて助かった) […]