ローカル環境のwordpressに複数のテストサイトを構築して管理する方法

公開日:2013/09/22 更新日:2013/09/22
ローカル環境のwordpressに複数のテストサイトを構築して管理する方法のサムネイル

ローカル環境のwordpress上に複数のテストサイトを構築して管理する方法をメモします。ただし、wordpressのマルチサイト機能は使用しません。というか最初は何も考えずにマルチサイトという言葉につられて使おうとしましたが、うまくいかなかった上に、そもそも私の目的では使う必要がないことに苦労した後で気づいたので私の目的にあった単純な方法にしました。その方法と手順をメモします。

2536017020_7e60132e51_z.jpg                       

Original Update by Nikolay Bachiyski

経緯

最初は、ローカル環境で複数のテストサイトを構築して管理する方法として、wordpressのマルチサイト機能を利用しました。しかし、この機能を動作させるまでに結構手間が掛かったことと、また、動作させてもwordpressの管理画面でテストサイトを編集中に頻繁にフリーズするようになってしまいました。これは、マルチサイト機能の有効化に伴う.htaccessの修正が不完全であることが原因だと考えています。しかも、.htaccessの修正箇所と内容はwordpressが表示したものであるにもかかわらずです。なので、早々にwordpressのマルチサイト機能の使用をあきらめ、別の方法を試すに至りました。

ローカル環境に複数サイトを構築する目的

ローカル環境に複数のテストサイトを構築して、各テストサイトのデザインや構成を確認することが目的です。あくまでデザインと構成を確認するためのテストサイトを構築したいだけであり、テストサイトを本番環境にそのまま移す場合のことは考慮していません。

実行環境

Macbookpro, Mac OS X ver10.6.8、MAMP + wordpressという環境です。すでにローカル環境でMAMPとwordpressのインストールは終わっており、1つのテストサイトを構築済みです。MAMPの設定は以下のようにデフォルトのままです。

  • 使用するポート番号はApacheが8888番、MySQLが8889番

    mamp_port.png

  • Apacheのドキュメントルートは/Applications/MAMP/htdocs/

    mamp_root.png

方法概要

まず、wordpressがサイトを構築するのに必要なファイルは大きく分けて以下の2つです。

  • サイトの構成やデザインを決めるファイル(.php, .cssなどの拡張子 を持つファイル)、画像、プラグイン関連、テーマ関連などのファイル。これらはwordpressフォルダ(wp-admin、wp-content、wp-includesが置いてあるフォルダのことです。)内に保存されています。
  • 書いた記事やプラグインのデータが保存されたデータベースファイル(.sqlの拡張子を持つファイル)。これはデータベース(MySQL)内に保存されていてます。このファイルはphpMyAdminで管理できます。
よって、上の2つのファイルを、すでにローカル環境に存在するテストサイトのものとは別に、新しいテストサイト用に用意すればローカル環境に新しいテストサイトを構築し、既存のテストサイトと合わせて複数のテストサイトを構築することができます。 そしてそのためには、以下の2ステップが必要になります。
  • ステップ1:ローカル環境のphpMyAdminで新しいデータベースを作成
  • ステップ2:ローカル環境に構築する新テストサイト用にwordpressフォルダを用意しwordpressをインストール
以降で各ステップについて説明します。

手順

ステップ1:ローカル環境のphpMyAdminで新しいデータベースを作成

まず、ローカル環境に新しく構築するテストサイト用のデータベースを作成します。そのために、以下のMAMPの画面の「スタートページを開く」をクリックします。

mamp_start.png するとブラウザに以下のページが開くので、以下のページの上にある「phpMyAdmin」をクリックします。

phpmyadmin_mamp.png すると、以下のログイン画面に移動するので、ユーザ名とパスワードを入力してログインして下さい。ユーザ名とパスワードに心当たりが無い場合は、どちらとも「root」である可能性が高いです。ログイン画面に移動しない場合は、ブラウザのURLに「http://localhost:8888/phpMyAdmin/」と入力して移動して下さい。

phpmyadmin_login_local.png

phpMyAdminにログインすると以下のような画面になります。この画面の赤線枠部分の「データベース」をクリックします。

database_create1.png

すると、以下の画面のように「データベースを作成する」とう項目があるので、そこに適当な名前を入力して「作成」をクリックします。以下の場合は「databaseB」が新しく作成されます。

database_create2.png 以上でローカル環境のテストサイト用データベース作成は完了です。ここで新しく作成した「databaseB」を新しく構築するテストサイトで使用します。

ステップ2:ローカル環境に構築する新テストサイト用にwordpressフォルダを用意しwordpressをインストール

まず、以下のようにhtdocsにはwordpressフォルダが置いてあり、すでにwordpressがインストールされています。

htdocs_wordpress.png

そしてローカル環境に新しくテストサイトを構築するために、以下のようにwordpress_Bという名前の新しいwordpressフォルダ(wordpress.orgからダウンロードしたままの状態のもの)をhtdocsに置いて、

wordpress_B.png

改めてwordpressをインストールします。そのために、ブラウザのURLに「http://localhost:8888/wordpress_B/」と入力してアクセスします。すると、以下のような画面が出てきますので、「設定ファイルを作成する」をクリックします。

wordpress_configure1.png

すると、今度は以下の画面が表示されるので、「さあ、始めましょう!」をクリックします。

wordpress_configure2.png そして、次は以下の画面で各項目を入力し、「送信」をクリックします。ちなみに、以下の画面内のデータベース名には、先ほど作成したデータベースであるdatabaseBを入力します。

wordpress_configure3.png

すると、以下の画面が出てくるので、「インストール実行」をクリックします。

wordpress_configure4.png

後は、以下の画面内の各項目を入力して、最後に「WordPressをインストール」をクリックすれば完了です。

wordpress_install1.png wordpress_install2.png

インストールが終わると以下の画面が表示されます。

wordpress_success.png

これで新しいテストサイトがローカル環境に構築されました。実際に、ブラウザのURLに「http://localhost:8888/wordpress_B」と入力すると、wordpressのいつものログイン画面が出てきます。後はいつも通り管理画面で記事を書いたり設定を変更したりします。 そして、すでに作成済みであったwordpressフォルダのサイトの管理画面に行くには、ブラウザのURLに「http://localhost:8888/wordpress」と入力するだけです。 つまり、htdocs以下にサイト毎のフォルダを置いて、後はURLだけを切り替えて管理する環境になります。私の目的においては十分な環境を構築できました。

2013/9/26 追記

ここでは、すでにローカル環境にあるwordpressサイトとは別に新しくテストサイトを追加しましたが、本番サイトの複製サイトを追加したい場合があると思います。その場合の手順についてはwordpressの本番サイトをローカル環境に再構築するための6ステップにまとめたので参考にして頂ければと思います。

関連記事

開発アプリ

nanolog.app

毎日の小さな出来事をなんでも記録して、ログとして残すためのライフログアプリです。