初心者でも必ずできる!MAMPのWordPress設定・インストール方法、使い方

mamp

おはこんばんにちは!ブラウザはGoogle Chrome、PC・スマホ・タブレットはアップル製品!
GoogleとApple信者の@appproject_kagoのryoです。mamp01
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

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

mampインストール解説2

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

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

ダウンロードしたインストーラーをクリックして、ファイルを展開しインストールしてゆく。

mampインストール解説3

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

mampインストール解説4

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

mampインストール解説4 mampインストール解説5

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

mampインストール解説6

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

mampインストール解説7

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

mampインストール解説8

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

mampインストール解説9

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

mampインストール解説10

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

mampインストール解説11

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

mampインストール解説12

インストールが完了したら「閉じる」をクリックする。

3.MAMPを確認、起動する

インストールが完了すると、アプリケーションとしてMAMPがインストールされている。

mampインストール解説13

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

mampインストール解説14

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

mampインストール解説15

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

mampインストール解説16

通常は、MAMPの設定を変更する必要はない。デフォルトのまま使用すれば良い。正常に動作している場合には、右上の「Apacheサーバー」と「MySQL」サーバーが緑色に点灯しているはずだ。

また、サーバーを停止したい場合には、起動しているMAMPで「サーバーを停止」をクリックすればよい。

4.MAMPの初期設定をする

インストールが完了したら、データベースを作成するためMAMPの初期設定をする。

mampインストール解説17

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

mampインストール解説

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

mampインストール解説

「データベースWordPressを作成しました」と表示され、WordPressの項目が追加されれば完了となる。

5.WordPressをダウンロードする

ローカルにサーバーが動き始めたら、いよいよWordPressを動作させるための作業となる。

mampインストール解説

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

mampインストール解説

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

mampインストール解説

MAMPで使用するために、フォルダを移動する。Finderを開き、「アプリケーション」→「MAMP」→「htdocs」と開き、ここに先ほど解凍した「wordpress」フォルダを移動(コピペでも可)する。

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

フォルダを移動したらブラウザを別途起動し、ローカルホスト環境(http://localhost:8888/)に移動する。

mampインストール解説

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

mampインストール解説

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

mampインストール解説

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

mampインストール解説

データベースの情報を入力して「送信」ボタンをクリックする。

データベース名:WordPress(先ほど作成したデータベース名そのまま)
ユーザー名:root(デフォルトではrootになっている)
パスワード:root(デフォルトではrootになっている)
データベースのホスト名:localhost(変更しない)
テーブルの接頭辞:wp_(変更しない)

mampインストール解説

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

mampインストール解説

サイト構築に必要な情報をさらに入力し、「WordPressをインストール」をクリックする。

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

mampインストール解説

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

mampインストール解説

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

mampインストール解説

ダッシュボードと書かれた管理画面が表示されれば成功となる。パスワードは忘れないように管理しよう。次回からはここ(http://localhost:8888/wordpress/wp-admin/)からユーザー名とパスワードを入力すればログインできるようになる。

後は任意でWordPressをテストしたり、プラグインを試したりしてみよう。

MAMPのインストールからWordPressのログインまで、それほど難しい設定はないはずだ。紹介した手順にそって、誰でもローカル環境にWordPressをインストールすることができる。

ぜひ、利便性の高いローカル環境を生かして存分にポテンシャルを発揮してもらいたい。

サーバ画像
みなさんおはこんばんにちは!管理人のえぴぴです! 近頃提供されているレンタルサーバーはCMSに対応しているものが多いです。 CM...
記事がいいねと思ったらシェア、またはブログ村クリックで応援お願いします!

にほんブログ村 PC家電ブログ Macへ
にほんブログ村

 COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Server_Rental

有料レンタルサーバーのおすすめ15選と比較と選び方まとめ【ワードプレス対応】

悲報。無料レンタルサーバwkey.meがサービス停止。

ネットワーク

初心者必見!今さら聞けないホームページ制作方法-最新版

未来サーバー 無料PHPレンタルサーバー

ワードプレスが使える無料サーバ探している方必見!未来サーバーを使おう!

ホームページ作成・ホームページ制作サービス「グーペ」レンタル サーバー ワード プレス  ・ドメイン の 取得 方法  ・ワード プレス サーバー 比較  ・ドメイン の 取得  ・ドメイン を 取得  ・ワード プレス レンタル サーバー  ・wordpress テーマ  ・レンタル サーバー wordpress  ・ドメイン 取得 レンタル サーバー  ・ワード プレス サーバー おすすめ  ・wordpress テンプレート  ・wordpress サーバー  ・ワード プレス レンタル サーバー おすすめ  ・個人 ドメイン 取得

デメリットだらけ?ホームページ作成サービス「グーペ」の評判、評価まとめ

ワードプレスのロゴ

iPhoneからWordPressのブログ投稿や固定ページを更新する方法。