初心者でも必ずできる!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へ
にほんブログ村

yamasaki へ返信する コメントをキャンセル

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

関連記事

ホームページビルダーはもう古い?評判とメリット・デメリットまとめ

ホームページビルダーはもう古い?評判とメリット・デメリットまとめ

グーペロゴ

【グーぺ】外国語翻訳機能をホームページに導入しよう-外国人観光客や東京オリンピッ...

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

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

ネットワーク

ホームページを作る前に知っておきたいこと【基礎編】

ワードプレスのロゴ

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

ネットワーク

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