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

悩んでる人
悩んでる人
ブログのカスタマイズをするときにサイトが壊れないか心配。テスト環境があると安心なんだけど、一体どうやって作るの?
たけちよ
たけちよ
このような疑問をたけちよが解決します。
 
WordPress(ワードプレス)ブログでは、デザインのカスタマイズやプラグインを導入して機能を付加するなど、自分の思い通りのサイトを作成することができます。
一方、知識のない初心者が公開中のブログに対して、ぶっつけ本番でカスタイズやプラグイン導入をしてサイトが壊れるなんてことも。
 
そんなときにあると便利なのが『テスト環境』です。
 
たけちよ
たけちよ
テスト環境があれば、本番環境で導入する事前に安全性があるかチェックできるので安心ですよね。
 
そこで今回は、ConoHa WING(コノハウィング)を用いてWordPressのテスト環境をサブドメインで作る方法を解説します。
 
本記事でわかること
  • テスト環境の基礎知識
  • なぜテスト環境が必要か
  • テスト環境の作り方

 

本記事の信頼性

  • 当ブログは、本番環境でのカスタマイズに失敗してアクセス不能になった経験があります。
  • 実際にConoHa WINGでサブドメインを取得してテスト環境を作成しています。

 

すぐにテスト環境を作りたい方は、下記のボタンをクリックすれば記事の先に進めます。

 

 

WordPressのテスト環境とは

WordPressのテスト環境の概要

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

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

 

  • ローカル環境
    ⇒PC内にサーバーを構築してWordPressを設置する
  • サブドメイン環境
    ⇒メインサイトと同じレンタルサーバー内で管理する

 

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

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

 

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

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

  • どの通信環境からもアクセスすることができる
  • レンタルサーバー管理のため、困ったとき企業に相談できる

 

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

 

『CHIYOBLOG』で作成した場合

サブドメイン:『https://example.chiyo-blog.com』
⇒メインブログとはまったく別のドメインとして管理する

サブディレクトリ:『https://chiyo-blog.com/example/
⇒メインブログの下階層として管理する

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

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

テスト環境が必要な理由

WordPressブログでは下記のような理由でテスト環境が必要になります。

  • WordPressのアップデート
  • デザインのカスタマイズ(CSS、php、HTML編集など)
  • プラグインの新規導入・アップデート

 

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

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

 

上の画像のように『Forbidden』と表示されてしまい、WordPressの管理画面にはいることすらできなくなりました。

メインブログが開けなくなるとアクセスにも影響がでてしまいます。

 

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

 

たけちよ
たけちよ
僕もさすがに管理画面に入れなくて焦りました。プラグインを使ってバックアップは常に取っているんですが、管理画面に入れなければ役に立ちませんからね(笑)
 
このような事態を避けるためにも、事前にテスト環境を作っておくことは大切です。
とはいえ、普段からメインブログのバックアップは取っておいたほうが良いです。

 

WordPressのテスト環境の作り方

テスト環境の作り方

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

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

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

 

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

 

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

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

 

1.ConoHa WINGにログインする

 

2.ドメインを追加する

  1. 『WING』を選択する
  2. 『サーバー管理』を選択する
  3. 『ドメイン』を選択する
  4. 『ドメイン』をクリックする

 

3.サブドメインを取得する

  1. サブドメインを追加を選択する
  2. 任意のドメイン名を入力する
  3. 『無料独自SSL』は『利用する』を選択する
  4. 『保存』をクリックする

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

 

4.サブドメインの追加が完了する

 

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

 

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

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

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

 

1.アプリケーションを開く

  1. 『サイト管理』を選択する
  2. 『サイト設定』を選択する
  3. 『アプリケーションインストール』をクリックする
  4. 『+アプリケーション』をクリックする

 

2.WordPressをインストールする

  1. WordPressを選択する
  2. 新規インストールを選択する
  3. 『バージョン』は『5.4.0』を選択する
  4. 『wwwなし』を選択する
  5. 『URL』のディレクトリは空欄でOK
  6. 『サイト名』は任意のものを入力する
  7. メールアドレスを入力する
  8. WordPressのログインに使用する任意の文字列を決める
  9. デフォルトでOK
  10. 任意の文字列を入力する
  11. インストールしなくてもOK
  12. 『保存』をクリックする

※バージョンは最新のものを選択する
※サイト名は後で変更できるので悩まなくてOK

 

たけちよ
たけちよ
⑧はWordPressのログインで使うものなので、推測されにくい文字列にしてくださいね。
 

⑩はサーバーのパスワードなので利用頻度はほとんどないですが、大切なパスワードなんで推察されにくい文字列にしてください。

 

3.WordPressのインストールが完了する

 

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

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

 

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

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

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

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

 

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

 

1.ディレクトリアクセス制限を開く

  1. 『サイト管理』を選択する
  2. 『サイトセキュリティ』を選択する
  3. 『ディレクトリアクセス制限』をクリックする
  4. 『+ディレクトリ』をクリックする

 

2.ディレクトリを保存する

 

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

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

 

3.ユーザー名・パスワードを決める

  1. 右側のペンンボタンをクリックする
  2. 『ユーザー名』『パスワード』に任意の文字列を入力する
  3. 『保存』をクリックする

※ここでいうユーザー名・パスワードはWordPressインストールに入力したものとは異なり、ユーザーのサイトへの訪問に制限をかけるためのもの
※推測されにくい文字列を使用するようにする

 

4.ディレクトリアクセスの制限を確認する

 

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

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

 

たけちよ
たけちよ
これで自分以外のアクセスをすべて制限することができるため安心です。
 

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

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

  • All in One WP Migration
  • サーバーのファイルマネージャー

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

 

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

 

All in One WP Migration

1.インストール有効化する

 

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

 

2.『管理画面』⇒『All in One WP Migration』→『エクスポート』を選択する

 

3.本番環境でエクスポートの設定をする

  1. 高度なオプションをクリックする
  2. メディアライブラリの項目のみチェックを入れる
  3. 『エクスポート先』は『ファイル』を選択する

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

 

4.エクスポートしたデータをダウンロードする

 

5.テスト環境側で『All in One WP Migration』→『インポート』を開く

 

6.『ファイルサイズを上げる方法』をクリックする

 

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

 

7.移行したページで『プラグイン』のファイルをダウンロードする

 

8.プラグインをインストールして、再びAll in One WP migrationのインポートへ

 

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

 

9.エクスポートしたファイルをドラッグする

 

10.インポートが完了する

 

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

 

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

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

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

 

1.ConoHa WINGの『ファイルマネージャー』を開く

  1. 『サイト管理』を選択する
  2. 『ファイルマネージャー』をクリックする

 

2.本番環境の『wp-content』ファイルを開く

 

3.『uploads』ファイルを右クリックしてコピーする

 

4.『uploads』ファイルをテスト環境にペーストして完了する

 

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

 

5.テスト環境を開いて表示を確認する

 

本番環境と同じ画面になっていれば、テスト環境へのデータのコピーは完了です。

 

たけちよ
たけちよ
ファイルのやり取りが少し面倒ですが、手順通りやれば問題なく行えますよ。
 

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

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

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

 

たけちよ
たけちよ
テスト環境はインデックスすると本番環境のコピーサイトとみなされて、本番環境の評価も下がってしまう場合があります。
 
1.テスト環境の『管理画面』→『設定』→『表示設定』を開く

 

2.『検索エンジンでの表示』をチェック→『変更』をクリックする

 

これでテスト環境のNo Index設定は完了しました。

 

たけちよ
たけちよ
お疲れさまでした。これでテスト環境を作成する全手順が完了しましたよ。
 

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

テスト環境の作成まとめ

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

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

 

WordPress(ワードプレス)はカスタマイズ性が高く、自分だけのサイトを作れる一方でさまざまな不具合が生じます。

メインサイト(本番環境)でカスタマイズに失敗するとアクセス数が減少して収益にも影響がでてしまいます。

 

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

【国内最速!格安レンタルサーバー『ConoHa WING』】

当サイトで契約中のWordPress向けレンタルサーバー!

国内最速サーバー速度&抜群の安定性

初期費用無料&独自ドメイン永久無料

これ1つで簡単にWordPressブログが始められます。

初回限定価格!ブログ運営1ヶ月間の徹底サポート
こちらをクリック
初回限定価格!ブログ運営1ヶ月間の徹底サポート
こちらをクリック