シェアする

WordPressをローカルで!テストサーバーを作ろう!(MAMP導入編)

mamp導入

初めてのブログ講座を連載中ですが、今後Wordpressをカスタマイズする際に必要となるテストサーバーを一足先に作っていこうと思います。こんにちは、naprout(@naproutTV)のorphenです。

こちらは中級編なので、ある程度記事を書いたりすることに慣れて、テーマをカスタマイズしようと思われた方向けのエントリーとなります。

WordPressをローカルで!(後編)→WordPressのテストサーバーを作ろう!(WordPressインストール編)

WordPressのテストサーバーを作ろう!(WordPressインストール編)
MAMPのインストールとPHPやデータベースなどの設定が終わったら、次はWordpressのインストールです。インストール手順から初期設定までを画像つきで解説しています。テスト環境が整ったら、いよいよカスタマイズの始まりです。
*こちらのエントリーは、2013年に以前のブログで書いていた記事に加筆・修正したものです。現在とは少し画面が変更になっている部分もありますが、基本的な使い方は変わっていません。

ローカル環境を設定するメリット

  • 手軽にテスト環境が作れる!
  • アップロード前に確認できる!
  • オフラインで作成できる!

テスト環境を作ってあると、例えばテーマをカスタマイズして、よしOK!とアップしたら、画面が真っ白!?なんて不幸な事故が防げます。

確認せずにアップして真っ白になってしまった日には・・・

万が一、クライアントさんからの依頼で行っていた作業だったら・・・と考えたら、それはそれは恐ろしい出来事になってしまいます。

そういった事を未然に防ぐという意味でもローカル環境は必須です。

実際にローカル環境を作ってみよう!

◆今回使用したソフト:「MAMP」(Mac版)

ダウンロード先:MAMP公式サイト

MAMP installs a local server environment in a matter of seconds on your Mac or Windows computer

*久しぶりに公式サイトを見に行ってみたところ、Windows版も開発されていました

1.MAMPをダウンロード

無料版で十分なので、無料版の方をクリック!

MAMPダウンロード

続いて、Mac版かWindows版かを選択して、オレンジ色の「Download」をクリック。

ダウンロード

2.MAMPをインストール

ダウンロードしzipファイルを解凍します。解凍が終わると、インストーラーが立ち上がるので、インストーラーの指示に従って進んでいきます。

mampインストール

インストールが無事に完了すると下記のような画面が出てきます。

mampインストール完了

3.MAMPを起動

インストールが完了すると、アプリケーションフォルダにMAMPフォルダが作られています。

mampフォルダ

そのフォルダ内にあるMAMP.appをクリックしてMAMPを起動します。

mamp起動

MAMPのスタートページです。まずはサーバーを起動してみましょう。

mampスタート画面

起動が出来ると下記の様な画面がデフォルト設定されているブラウザで開かれます。

mampブラウザ

4.ポート番号を変更

MAMPを最初に起動した時、ポート番号がデフォルトでは、

  • Apache 8888
  • MySQL 8889

となっているため、ポート番号を変更します。

まずはMAMP起動時にある環境設定をクリック。

mamp環境設定

Apacheを88に、MySQLを3306に指定し、ApacheMySQL標準ポートに設定をクリック。たったこれだけで設定完了です。後はMAMPを再起動すれば、設定の変更が適用されます。とっても簡単ですね。

*この時Macでweb共有がチェックされていると、Mac OSに標準で入っているApacheと競合するかもしれないので、チェックを外しておいて下さい。[システム環境設定]→[共有]→[web共有]のチェックを外す。

5.データベースを作成する

ポート番号を変更して再起動すると、この画面でもポート番号が変更されているか確認してみましょう。

mamp

ここからはデータベースを作成していきます。画面上部にあるPHPMySQL→データベースとクリックしていきます。

mamp

好きな名前を英数字入力して作成をクリック。

mampデータベース

以上でMAMPの基本設定は終了です。実際にWordPressをインストールする方法は、また次回!

次の記事はこちら→WordPressをローカルで!テストサーバーを作ろう!(WordPressインストール編)

WordPressのテストサーバーを作ろう!(WordPressインストール編)
MAMPのインストールとPHPやデータベースなどの設定が終わったら、次はWordpressのインストールです。インストール手順から初期設定までを画像つきで解説しています。テスト環境が整ったら、いよいよカスタマイズの始まりです。
旅ブログ「travel.naprout」とYouTubeチャンネル「naprout.TV」を運営。旅とおいしいものが大好きなカメラ女子。これまでのブログ運営や仕事での経験を活かして、ブログの始め方講座などを開始しました。