Webの記録

WordPressテスト環境をMAMPで作ってみた♪ for Mac

投稿日:

この記事は約 4 分で読めます。

WordPressのテーマ作りなどをする時、いきなり本番サイトでは試せないので、テスト環境をMacのパソコンに作りました。

WordPressテスト環境をXAMPPで作ってみた♪for Windows」では、WindowsでXAMMPを入れてテスト環境を作ったのですが、今回はMacでMAMPを使ったテスト環境作りをしたいと思います。

XAMPPでも良いのですが、MacではよくMAMPが使われているようですので今回はMAMPを使ってみます。

目次

  • MAMP導入・設定方法
  • WordPress導入・設定方法

MAMP導入・設定方法

MAMPのダウンロード

MAMPサイトにアクセスします。「MAMP」と「MAMP PRO」の2種類ありますが、今回は左側の「MAMP」をクリックしてダウンロードします。


 

ダウンロードしたファイルを解凍してdmgファイルを実行させると、MAMPインストールの画面になります。そのまま画面に従って進みます。使用許諾の画面も出てきます。問題がなければ同意してインストールを完了させます。


 

「MAMP」フォルダをアプリケーションフォルダにコピーし、「MAMP」フォルダの中の「MAMP.app」をダブルクリックするとMAMPが起動します。
「スタートページを開く」ボタンを押して、「phpMyAdmin」のページを開きます。

※起動している時は、MAMPのコントロールパネルのランプは緑です。停止している時のランプは、赤です。

 

phpMyAdminの設定

「phpMyAdmin」のページを開き、「新規データベースを作成する」の最初の枠にデータベース名を入れます。(例として「wordpress」を入れました)
MySQL接続の照合順序は「utf8_general_ci」を選択します。


 

「データベース○○○を作成しました」というメッセージが出たら、データベースの設定完了です!


 

WordPress導入・設定方法

WordPressインストール

WordPress日本語サイトを開いて、最新版をダウンロードします。ファイルを解凍して、「MAMP」フォルダの中の「htdocs」の中に入れます。


 

ここで「http://localhost:8888/wordpress/」とブラウザのURL欄に入力します。(Apacheのポート設定を変更している場合は、そのポートを指定します)
すると、「ファイルが見つかりません・・・」の画面が出ますが、ここは「設定ファイルを作成する」ボタンを押して次に進みます。


 

ひとまず、「次に進みましょう!」ボタンを押しましょう!


 

データベース名:phpMyAdminの設定でつけた「データベース名」(例:wordpress)
ユーザー名:root
パスワード:root
データベースのホスト名:localhost
テーブル接頭辞:wp_(デフォルトの状態にしています。複数のWordpressを入れる場合は変更するようです。)
ここまで入力したら、「作成する」ボタンを押します。


 

「この部分のインストールは無事完了しました。・・・」の画面が出たら、あと一息です!「インストール実行」ボタンを押します!


 

サイト情報を入力する画面が出ます。Wordpressにログインするためのユーザー名とパスワード、メールアドレスを入力し、「Wordpressをインストール」ボタンを押した後に「成功しました!」画面が出たら、インストール終了です♪


 

ログイン画面で、先ほど設定した「ユーザー名」と「パスワード」を入力して「ログイン」ボタンを押します!

無事にWordpressのダッシュボード(管理画面)が開けました!さて、これでテスト環境を作るさ作業は終わりです♪お疲れ様でした!!


 

環境によって多少設定が違う部分もあると思います。ひとまず今回、私の環境で設定したものをメモしてみました。
1回設定しちゃうと忘れてしまうので、備忘録です。。。

-Webの記録
-, , ,

執筆者:


  1. […] め、ローカルでPHPを動かせる環境にしました。 参考記事:WordPressテスト環境をMAMPでつくってみた♪ […]

  2. […] 平行して複数のウェブサイトをデザインする機会があったため、MAMPを使いつつ管理する方法を試してみました。 htdcos/projectA/xxx とするとlocalhost/projectA/xxxとしてサイト表示します。できればlocalhost/xxxとパス構築した方が効率がいい。というメリットにより、色々な方がバーチャルサイト構築を試されていた様子なので参考にしました。 *この解答が最も参考になったのでメモ→リンク *MAMPを使ってサイト作成について→リンク […]

comment

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

This blog is kept spam free by WP-SpamFree.

関連記事

no image

WordPressテーマエディタをプラグイン「Advanced Code Editor」で見やすく♪

この記事は約 1 分で読めます。 WordPressでオリジナルテーマを作成する時、WordPressのテーマ編集画面のエディタを使用しているのですが・・・ちょっと見辛いなぁと思っていました。 今回何 …

no image

WordPress 新着記事のタイトルを表示する方法。

この記事は約 1 分で読めます。 WordPressのテンプレートタグ、いろいろあって奥が深いです。 今回は、トップページやサイドバーに「新着記事のタイトル」を数件表示したりする時に使いたいなぁと思っ …

no image

WordPress Moreタグを使った抜粋にチャレンジ

この記事は約 1 分で読めます。 今回は、「抜粋」にチャレンジします♪ 「抜粋」は、記事の一部のみ表示して「続きを読む」という文字をクリックすると、全文が表示されるものです。 長い文章の場合にはかなり …

no image

WordPress管理画面の不正アクセス防止に「Simple Login Lockdown」

この記事は約 1 分で読めます。 WordPressの管理画面にログインするには、ユーザー名とパスワードさえ合っていれば誰でもどこでも入る事が出来ます。 特に推測しやすいパスワードにしていた場合、全然 …

no image

スマホ用サイトに「LINEで送る」ボタンを設置してみる

この記事は約 1 分で読めます。 スマホ向けに情報を発信しているサイトなど、あると便利なシェアボタン。 いつの間にかに「LINEで送る」ボタンが出来ていたのですね。 ひとまず自分用に記述方法を2種類メ …