WordPress のテスト環境をサブドメインで作る方法【 ConoHa WING 】

WordPress (ワードプレス)では、自分だけのサイトを作ることができる一方、知識のない初心者がカスタマイズするのはリスクが高い。公開中のブログに、ぶっつけ本番でカスタイズやプラグイン導入をしてサイトが壊れるなんてことも。

そんなときにあると便利なのが『テスト環境』です。

テスト環境があれば、本番環境で導入する事前に安全性があるかチェックできるので安心ですよね。

そこで今回は、 ConoHa WING を用いて WordPress のテスト環境をサブドメインで作る方法を解説します。

すぐテスト環境を作成したい方はこちら ▼

タップできる目次

WordPress のテスト環境とは

WordPress のテスト環境とは、ウェブページがエラーなく動作するか、公開中のメインサイトへ導入する前に確認するためのテストサイトのこと。

テスト環境は大きくわけて2種類あります。

テスト環境の種類

ローカル環境

ローカル環境

PC内にサーバーを構築して WordPress を設置する

サブドメイン

サブドメイン環境

メインサイトと同じレンタルサーバー内で管理する

ローカル環境

ローカル環境

PC内にサーバーを構築して WordPress を設置する

サブドメイン

サブドメイン環境

メインサイトと同じレンタルサーバー内で管理する

ローカル環境は、ソフトを使ってPC内にサーバーを構築しますが、メインサイトとほとんど同じような環境下でカスタマイズのテストをすることができます。

でも、まったく同じ環境下にするのであれば同じサーバー内で管理することができる、サブドメインでのテスト環境がおすすめ

ローカル環境もテスト環境としては問題ないんですが、万が一サーバーの違いでうまく機能しない可能性も考えるとサブドメインの方が安心感はあります。

さらに、サブドメインのメリットは2つあります。

サブドメインのメリット
  1. どの通信環境からもアクセスすることができる
  2. レンタルサーバー管理のため、困ったとき企業に相談できる

パソコン内にサーバーを構築しているわけではないので、どの通信環境からもアクセスができ、レンタルサーバーに相談することもできます。

ちなみにサブドメインは、サブディレクトリと混同されがちですがまったくの別物なので注意して下さい。

サブドメイン

example.chiyo-blog.com』

⇒メインブログとは別のドメインとして管理する

サブディレクトリ

『chiyo-blog.com/example

⇒メインブログの下階層として管理する

WordPress でテスト環境が必要な理由

WordPress でテスト環境が必要な理由
  • WordPress のアップデート
  • デザインのカスタマイズ( CSS / PHP / HTML 編集など)
  • プラグインの新規導入・アップデート

WordPress のアップデートで今までのカスタマイズが機能しなくなることや、プラグインの新規導入・アップデートで不具合がでることも少なくありません。

ちなみに、 CHIYOBLOG ではカスタマイズに失敗して管理画面に入れなくなってしまったことが1度あります。

WordPressのアクセス失敗
WordPress のアクセス失敗画面

上の画像のように『 Forbidden 』と表示されてしまい、 WordPress の管理画面に入れず。メインブログが開けなくなるとアクセスにも影響がでてしまいます。

不具合が起きている間の訪問者(ユーザー)は『あのサイトはうまく開けない』と今後もアクセスしてくれなくなる可能性があります。

僕もさすがに管理画面に入れなくて焦りました。プラグインを使ってバックアップは常に取っているんですが、管理画面に入れなければ役に立ちませんからね。

このような事態を避けるためにも、事前にテスト環境を作っておくことは大切。とはいえ、普段からメインブログのバックアップは取っておいたほうが良いです。

WordPress のテスト環境の作り方

それではさっそく WordPress のテスト環境をサブドメインで作ります。

テスト環境を作る手順は以下の5ステップ

これらの手順に沿って、 ConoHa WING でサブドメインを取得して WordPress のテスト環境を作ります。

ステップ①:サブドメインを取得する

ConoHa WING であればサブドメインの取得は1分以内に終わります。

STEP
ConoHa WING にログインする
ConoHa WING トップページ
ConoHa WING トップページ
STEP
ドメインを追加する
ConoHa WING 管理画面
ConoHa WING 管理画面
項目の選択手順
  1. [ WING ] を選択する
  2. [ サーバー管理 ] を選択する
  3. [ ドメイン ] を選択する
  4. [ ドメイン ] をクリックする
STEP
サブドメインを取得する
ConoHa WING 管理画面のドメイン項目
ConoHa WING 管理画面のドメイン項目
サブドメインの取得方法
  1. サブドメインを追加を選択する
  2. 任意のドメイン名を入力する
  3. [ 無料独自 SSL ] の [ 利用する ] を選択する
  4. [ 保存 ] をクリックする

※サブドメインはNo Index するので、ドメイン名はメインサイトほど厳格に考えなくても自由でOK

※サブドメインは No Index するので、ドメイン名はメインサイトほど厳格に考えなくても自由でOK

STEP
サブドメインの追加が完了する
サブドメイン取得完了画面
サブドメイン取得完了画面

これでサブドメインは取得できました。

一瞬でできたと思うので、このままサクサク進めていきましょう。

ステップ②: WordPress をインストールする

次に、サブドメイン用の WordPress をインストールします。

STEP
アプリケーションを開く
ConoHa WING アプリケーション追加画面
ConoHa WING アプリケーション追加画面
アプリケーションの追加手順
  1. [ サイト管理 ] を選択する
  2. [ サイト設定 ] を選択する
  3. [ アプリケーションインストール ] をクリックする
  4. [ +アプリケーション ] をクリックする
STEP
WordPress をインストール
WordPress のインストール画面
WordPress のインストール画面
WordPress のインストール方法
  1. 新規インストールを選択する
  2. 最新バージョンを選択する1
  3. [ www ] のありなしを選択する(どちらでもOK)
  4. [ URL ] のディレクトリは空欄でOK
  5. [ サイト名 ] は任意のものを入力する※2
  6. メールアドレスを入力する
  7. WordPress のログインに使用する任意の文字列を決める※3
  8. デフォルトでOK
  9. 任意の文字列を入力する※4
  10. インストールでOK
  11. [ 保存 ] をクリックする
  1. インストール時の最新バージョン
  2. サイト名は後で変更できるので悩まなくてOK
  3. WordPress のログインで使うものなので、推測されにくい文字列にしてください
  4. 大切なパスワードなので推察されにくい文字列にしてください
STEP
WordPress のインストールが完了
ConoHa WING アプリケーション取得完了画面
ConoHa WING アプリケーション取得完了画面

3分ほど待ってステータスが稼働中になれば無事にインストール完了。

サブドメイン取得の時に [ 無料独自SSLを利用する ] を選択しているため、 WordPress のインストールと同時にSSL化されています。

これでサブドメインを取得して、無事にテスト環境を作成することができました。あとは、実際に運用するための設定を進めていきます。

ステップ③:ディレクトリアクセス制限を設定する

テスト環境は自分しかアクセスしないサイトなので、他人からアクセスがないように ID とパスワードを設定してアクセス制限をかけます。

ディレクトリアクセス制限をすると検索エンジンのクローラーも拒否できるため、本番環境をコピーしても重複コンテンツとみなされません。

ConoHa WING では簡単に設定することがきるので、1分で終わります。

STEP
ディレクトリアクセス制限を開く
ConoHa WING ディレクトリ制限
ConoHa WING ディレクトリ制限
ディレクトリの制限方法
  1. [ サイト管理 ] を選択する
  2. [ サイトセキュリティ ] を選択する
  3. [ ディレクトリアクセス制限 ] をクリックする
  4. [ +ディレクトリ ] をクリックする
STEP
ディレクトリを保存する
ConoHa WING ディレクトリ制限設定画面
ConoHa WING ディレクトリ制限設定画面

WordPress 管理画面のディレクトリです。

デフォルトでは [ /wp-admin ] になっているので、任意のものに変更します。

STEP
ユーザー名/パスワードを決める
ConoHa WINGのディレクトリのパスワード設定
ConoHa WING ディレクトリのパスワード設定
パスワードの設定方法
  1. 右側のペンンボタンをクリックする
  2. [ ユーザー名 ] [ パスワード ] に任意の文字列を入力する
  3. [ 保存 ] をクリックする
  • ここでいうユーザー名・パスワードは WordPress インストールに入力したものとは異なり、ユーザーのサイトへの訪問に制限をかけるためのもの
  • 推測されにくい文字列を使用するようにする
STEP
ディレクトリアクセスの制限を確認する
ディレクトリアクセス制限画面
ディレクトリアクセス制限画面

ディレクトリアクセス制限の設定がうまくいくと、テスト環境へのアクセス時に上記の画像のような表示が出ます。

先ほど設定した [ ユーザー名 ] と [ パスワード ] を入力すると、テスト環境にアクセスすることができます。

ステップ④:本番環境をテスト環境へコピーする

本番環境をテスト環境にコピーする手順は2つ

※ All in One WP Migration は、 WordPress のデータすべてを簡単にエクスポート・インポートすることができるプラグイン

※ All in One WP Migration は、 WordPress のデータすべてを簡単にエクスポート・インポートすることができるプラグイン

FTP ソフトを使う方法もありますが、初期設定が少し複雑で初心者には難しいため今回は使用しません。

All in One WP Migration

All in One WP Migration を利用して、本番環境をテスト環境にコピーします。

STEP
インストール有効化する
All in One WP Migrationのインストール画面
All in One WP Migration のインストール画面

本番環境・テスト環境どちらでも必要になるのでどちらでもインストール有効化しておきます。

STEP
[ 管理画面 ] > [ All in One WP Migration ] > [ エクスポート ] を選択する
All in One WP Migrationのエクスポート
All in One WP Migration のエクスポート
STEP
本番環境でエクスポートの設定をする
All in One WP Migrationのエクスポート詳細
All in One WP Migration のエクスポート詳細
エクスポート方法
  1. 高度なオプションをクリックする
  2. メディアライブラリの項目のみチェックを入れる
  3. [ エクスポート先 ] は [ ファイル ] を選択する

※メディアライブラリは容量が多く、転送上限値を超えてしまうためチェックを入れてエクスポートから外します

※メディアライブラリは容量が多く、転送上限値を超えてしまうためチェックを入れてエクスポートから外します

STEP
エクスポートしたデータをダウンロードする
All in One WP Migrationエクスポートファイルのダウンロード
All in One WP Migration エクスポートファイルのダウンロード
STEP
テスト環境側で [ All in One WP Migration ] > [ インポート ] を開く
All in One WP Migrationのインポート
All in One WP Migration のインポート
STEP
拡張プラグインをインストールする

残念ながら初期設定だと32MBしかインポートできないため、アップロードできるファイルサイズを拡張します。

STEP
プラグインをインストールして、再び All in One WP migration のインポートへ
All in One WP Migration 容量の拡張確認画面
All in One WP Migration 容量の拡張確認画面

最大アップロードサイズが512MBに拡張していることを確認します。

※1GBまで上がっていることもあります

STEP
エクスポートしたファイルをドラッグする
All in One WP Migration データインポート画面
All in One WP Migration データインポート画面
STEP
インポートが完了する
All in One WP Migration インポート完了画面
All in One WP Migration インポート完了画面

以上で、本番環境のインポートが完了です。

これで本番環境の移行は90%終わりました。あとはメディアファイルの移行だけなのでもう一息ですよ。

サーバーのファイルマネージャー

次にメディアファイルをコピーします。

STEP
ConoHa WING の [ ファイルマネージャー ] を開く
ConoHa WINGのファイルマネージャー
ConoHa WINGのファイルマネージャー
ファイルマネージャーの開き方
  1. [ サイト管理 ] を選択する
  2. [ ファイルマネージャー ] をクリックする
STEP
本番環境の [ wp-content ] ファイルを開く
ConoHa WINGのファイルマネージャー詳細
ConoHa WING のファイルマネージャー詳細
STEP
[ uploads ] ファイルを右クリックしてコピーする
ConoHa WINGファイルマネージャーのuploads
ConoHa WING ファイルマネージャーの uploads
STEP
[ uploads ] ファイルをテスト環境にペーストして完了する
ファイルマネージャーの uploadsペースト画面
ファイルマネージャーの uploads ペースト画面

もともと存在する [ uploads ] ファイルを削除して、本番環境のコピーをペーストします。

STEP
テスト環境を開いて表示を確認する
WordPressテスト環境のトップページ
WordPress テスト環境のトップページ

本番環境と同じ画面になっていれば、テスト環境へのデータのコピーは完了です。 ファイルのやり取りが少し面倒ですが、手順通りやれば問題なく行えます。

ステップ⑤:テスト環境を NoIndex する

ステップ③でディレクトリアクセス制限を設定しましたが、念のため WordPress の設定でテスト環境を NoIndex します。

テスト環境をインデックスすると本番環境のコピーサイトとみなされて、本番環境の評価も下がってしまう場合があります。忘れずに行いましょう。

NoIndex とは、検索エンジンが対象ページをインデックスしないようにすること

STEP
テスト環境の [ 管理画面 ] > [ 設定 ] > [ 表示設定 ] を開く
WordPressテスト環境の管理画面
WordPress テスト環境の管理画面
STEP
[ 検索エンジンでの表示 ] をチェック > [ 変更 ] をクリックする
WordPress 表示設定の画面
WordPress 表示設定の画面

テスト環境の No Index は完了です。

テスト環境を作成する全手順もこれで無事に終わりました。

WordPress のテスト環境をサブドメインで作る方法まとめ

ConoHa WING を利用して、 WordPress のテスト環境をサブドメインで作る手順は5つです。

テスト環境を作る方法
  1. サブドメインを取得する
  2. WordPress をインストールする
  3. ディレクトリアクセス制限を設定する
  4. 本番環境をテスト環境へコピーする
  5. テスト環境を NoIndex する

WordPress はカスタマイズ性が高く、自分だけのサイトを作れる一方でさまざまな不具合が生じます。そのため、メインサイト(本番環境)でカスタマイズに失敗すると収益にも影響がでかねません。

ConoHa WING は高性能なため、今回紹介した手順で行えば簡単にテスト環境を作ることができるので、ぜひテスト環境を作成して自分だけのお気に入りサイトを作りましょう。

もし現在別のサーバーを利用していて、 ConoHa WING に乗り換えを考えている方は “知らないと後悔するConoHa WINGのデメリットと口コミ評判” を参考にしてください。

役に立った!と思ったら他の人にシェアしよう
  • URLをコピーしました!

記事の内容についてご意見をお聞かせください

コメントする

このコメントを送信することにより、当サイトの個人情報保護方針に同意したことになります。

タップできる目次