おはこんばんにちは!ブラウザは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/にアクセスして、インストーラーをダウンロードする。

2種類のMAMPがあるが、左側の「FREE」バージョンの「Download」をクリックする。

ダウンロードページに移動するので、「Download」ボタンをクリックする。インストーラーファイルがダウンロードされるので、保存する(Macなら「ダウンロード」がデフォルト)。
2.MAMPをインストールする
ダウンロードしたインストーラーをクリックして、ファイルを展開しインストールしてゆく。

「MAMP_MAMP_PRO_3.0.2.pkg」(現時点での最新版)をダブルクリックしてインストーラーを展開する。

インストールウィザードが表示されるので、「続ける」をクリックする。


大切な情報を確認して「続ける」をクリックする。『フォルダ「MAMP」と「MAMP PRO」をインストールする。インストールしたMAMPの名前を変更したり、削除したりしないように』と記載がある。

使用許諾契約(現時点では英語のみ)が表示されるので、確認して「続ける」をクリックする。

使用許諾契約に「同意する」をクリックする。

「カスタマイズ」をクリックする。無料版のMAMPを使用するなら忘れずにクリックすること。

「MAMP PRO」のチェックを外してから「インストール」をクリックする。

Macの管理者パスワードを入力して「ソフトウェアをインストール」をクリックする。

インストールが始まるので、しばらく待つ。

インストールが完了したら「閉じる」をクリックする。
3.MAMPを確認、起動する
インストールが完了すると、アプリケーションとしてMAMPがインストールされている。

「Finder」→「アプリケーション」→「MAMP」フォルダの中にある「MAMP.app」をダブルクリックして起動する(LaunchPadにも登録されているので、どちらを使用してもよい)。

MAMPが起動するので、「サーバーを起動」をクリックする。

サーバーを起動させると、ブラウザが起動する。「ようこそ」が表示されたらOKだ。場合によっては接続許可の確認がでるので、「許可」をクリックしておく。ブラウザのページはあとで使用するのでそのままにしておく。

通常は、MAMPの設定を変更する必要はない。デフォルトのまま使用すれば良い。正常に動作している場合には、右上の「Apacheサーバー」と「MySQL」サーバーが緑色に点灯しているはずだ。
また、サーバーを停止したい場合には、起動しているMAMPで「サーバーを停止」をクリックすればよい。
4.MAMPの初期設定をする
インストールが完了したら、データベースを作成するためMAMPの初期設定をする。

先ほど起動しているブラウザ(もし閉じてしまっている場合は、MAMPから「スタートページを開く」をクリック)の上部にある「ツール」のプルダウンメニューから、「phpMyAdmin」をクリックする。

ページがphpMyAdminの設定ページに切り替わるので、タブにある「データベース」をクリックする。データベースを作成する項目になるので、入力部分に「WordPress」と入力し(もちろん、わかりやすい任意の名前でも構わない)、「作成」ボタンをクリックする。

「データベースWordPressを作成しました」と表示され、WordPressの項目が追加されれば完了となる。
5.WordPressをダウンロードする
ローカルにサーバーが動き始めたら、いよいよWordPressを動作させるための作業となる。

WordPressの日本語公式サイト(http://ja.wordpress.org/)にアクセスし、WordPressのZipファイルをダウンロードする。

ダウンロードしたZipファイルを解凍し、「wordpress」フォルダが作成されたことを確認する。

MAMPで使用するために、フォルダを移動する。Finderを開き、「アプリケーション」→「MAMP」→「htdocs」と開き、ここに先ほど解凍した「wordpress」フォルダを移動(コピペでも可)する。
6.WordPressをインストールする
フォルダを移動したらブラウザを別途起動し、ローカルホスト環境(http://localhost:8888/)に移動する。

index of と表示されているので、「wordpress」とクリックする。先ほどフォルダをきちんと移動できていれば、ここに表示されるはずだ。

初期設定では、「wp-config.php ファイルが見つかりません。開始する前にこのファイルが必要です。」と表示されるが、そのまま「設定ファイルを作成する」をクリックする。

内容を確認し、「さあ、始めましょう」をクリックする。

データベースの情報を入力して「送信」ボタンをクリックする。
データベース名:WordPress(先ほど作成したデータベース名そのまま)
ユーザー名:root(デフォルトではrootになっている)
パスワード:root(デフォルトではrootになっている)
データベースのホスト名:localhost(変更しない)
テーブルの接頭辞:wp_(変更しない)

入力した情報が正しければ、ページが切り替わるので「インストール実行」をクリックする。

サイト構築に必要な情報をさらに入力し、「WordPressをインストール」をクリックする。
スクリーンショットで入力している情報はあくまで一例のため、任意で変更する。
サイトのタイトル:任意(後でダッシュボードから変更も可能)
ユーザー名:任意(WordPressにログインするためのユーザー名)
パスワード:任意(ログイン用のパスワード)
メールアドレス:使用しているメールアドレス(GmailなどでOK)

インストールが完了する。ちょっとおちゃめなメッセージ。早速ログインをクリック。

設定した「ユーザー名」と「パスワード」を入力して「ログイン」をクリックする。

ダッシュボードと書かれた管理画面が表示されれば成功となる。パスワードは忘れないように管理しよう。次回からはここ(http://localhost:8888/wordpress/wp-admin/)からユーザー名とパスワードを入力すればログインできるようになる。
後は任意でWordPressをテストしたり、プラグインを試したりしてみよう。
MAMPのインストールからWordPressのログインまで、それほど難しい設定はないはずだ。紹介した手順にそって、誰でもローカル環境にWordPressをインストールすることができる。
ぜひ、利便性の高いローカル環境を生かして存分にポテンシャルを発揮してもらいたい。

にほんブログ村
有益な情報本当に助かりました!
ありがとうございます。
[…] 参考にしたサイト インストールまで MAMP自身の設定(エラーの対処法まで出ていて助かった) […]