サブドメイン・サブディレクトリでWordPress検証環境を作る方法
作業前の注意:設定変更や移行の前にファイルとデータベースをバックアップし、復元方法を確認してください。稼働中サイトでは、影響の少ない時間帯や検証環境で作業してください。
WordPressサイトでテーマ変更や大きなデザイン修正、主要プラグインの更新、PHPバージョンのアップグレードなどを行う際、本番サイトでいきなり作業するのは危険です。コードの記述ミスやプラグインの競合により、画面が真っ白になったり表示が崩れたりするリスクがあります。
安全に作業を行うためには、本番サイトとは別に「テスト環境(検証サイト・ステージング環境)」を用意するのが鉄則です。
本記事では、無料のサブドメインやサブディレクトリを活用して、安全なテスト環境を構築する具体的な手順と注意点を分かりやすく解説します。
1. テスト環境を作る2つの方法(サブドメイン vs サブディレクトリ)
サーバー上にテスト環境を作る方法には、大きく分けて「サブドメイン」と「サブディレクトリ」の2つがあります。
| 比較項目 | サブドメイン(推奨) | サブディレクトリ | | --- | --- | --- | | URL例 | [https://test.example.com](https://test.example.com) | [https://example.com/test/](https://example.com/test/) | | 特徴 | 本番環境と完全に独立した環境が作れる | 本番サイトの直下にフォルダを作ってインストール | | メリット | 本番の .htaccess やCookie等の影響を受けない | サーバーでの設定が手軽 | | デメリット | サーバー側でサブドメイン追加設定が必要 | 本番サイトのリダイレクト設定と競合する場合がある |
基本的には、本番環境とシステム設定が干渉しにくい「サブドメイン(例: test.example.com や dev.example.com)」での構築が最もおすすめです。
2. テスト環境構築の全体手順(4ステップ)
今回は推奨されるサブドメイン方式での作成手順を解説します。
ステップ1:レンタルサーバーでサブドメインを追加する
- ご自身が契約しているレンタルサーバー(エックスサーバー、ConoHa WING、ロリポップ!等)の管理画面にログインします。
- ドメイン設定メニューから 「サブドメイン設定」 を開きます。
- 任意のアドレス名(例:
testやdevなど)を入力し、サブドメイン(test.example.com)を追加します。
ステップ2:新しいデータベース(MySQL)とWordPressを用意する
- サーバーパネルから新しい 「データベース(MySQL)」 を1つ作成します(※本番サイトのデータベースと混ざらないよう、別名で作成するのが基本です)。
- 「WordPress簡単インストール」 機能を使い、作成したサブドメイン宛てにWordPressをセットアップします。
ステップ3:本番サイトのデータをコピー・複製する(任意)
ゼロからではなく「本番サイトと全く同じ状態」で検証を行いたい場合は、本番サイトのデータ(ファイルおよびデータベース)をテスト環境へ移行します。
- 簡単な方法:
本番サイト側でプラグイン「All-in-One WP Migration」や「Duplicator」を使ってバックアップ(データ出力)を作成し、テスト環境側のWordPressでそのデータを復元(インポート)します。
ステップ4:テスト環境のセキュリティ・SEO遮断設定(最重要!)
テスト環境をそのままインターネット上に公開しておくと、「重複コンテンツとして本番サイトのSEO評価を下げる」「一般ユーザーに開発途中の画面を見られる」「不正アクセスの標的にされる」といった重大な問題が発生します。
必ず以下の2つの遮断設定を行ってください。
① 検索エンジンのインデックスを拒否する
- テスト環境のWordPress管理画面にログインする
- 左メニューの 「設定」>「表示設定」 を開く
- 「検索エンジンがサイトをインデックスしないようにする」にチェックを入れて保存する
② Basic認証(パスワード保護)をかける
関係者以外がテスト環境にアクセスできないよう、アクセス制限(Basic認証)をかけます。
- 主要サーバー(エックスサーバーやConoHa WING等)の管理画面にある 「Basic認証設定」(または「アクセス制限」)から、サブドメイン全体のディレクトリに対してユーザー名とパスワードを設定します。
3. ワンクリックでテスト環境を作れるサーバー機能も活用しよう
現在、一部の高品質レンタルサーバーでは、上記の手動設定を行わなくてもワンクリックで本番サイトの複製(ステージング環境)を作成できる機能が提供されています。
- エックスサーバー: 「WordPressステージング環境」機能
- ConoHa WING: 「ステージング」機能
これらの機能が利用できるサーバーをお使いの場合は、管理画面のメニューからボタンひとつで本番サイトの完全な複製テスト環境を構築・破棄できるため、積極的に活用しましょう。
まとめ
テスト環境は、Webサイトの重大な事故(画面不具合やレイアウト崩れ)を未然に防ぐための「安全装置」です。
- 本番と干渉しない「サブドメイン(
test.example.com)」で環境を作る - 本番サイトのデータを移行して検証・カスタマイズを行う
- 検索エンジンの拒否設定と「Basic認証」を必ずかけて非公開にする
テーマの大きな変更やコード調整を行う際は、必ずテスト環境で表示・動作を確認してから本番サイトへ反映させる習慣を身につけましょう!