WordPressのステージングサイトを簡単に作成する方法（ステップバイステップ）

WordPressサイトの更新や大幅な変更を行う場合、直接行うのはリスクが伴います。そこでステージングサイトが登場します。

これは、ライブウェブサイトの完璧なクローンであり、本番サイトにデプロイする前に変更を安全にテストし、問題をトラブルシューティングし、更新を洗練することができます。

WPBeginnerでは、ステージングサイトを使用して、ライブサイトに公開する前にウェブサイトの更新をテストしています。これにより、ダウンタイム、機能の破損、その他の問題を防ぐことができます。

このステップバイステップガイドでは、WordPress サイトのステージング環境を簡単に作成する方法を説明します。いくつかの異なる方法をカバーし、ほとんどの方法は数回のクリックで完了します。

ステージングサイトとは？

ステージングサイトとは、ライブにする前に変更をテストするために使用されるライブウェブサイトのクローンです。ステージングサイトはエラーを検出するのに役立ち、ライブウェブサイトを壊すことを防ぎます。

以前はWordPressのステージングサイトの設定は非常に困難でしたが、今では変更され、技術者でない人でも設定できるようになりました。

多くのユーザーは、変更をテストするために、WordPressをローカルのWindowsまたはMacコンピューターにインストールします。更新が完了したら、それらの変更をlocalhostからライブサーバーにアップロードするだけです。

このアプローチの最大の懸念は、ローカルホストで機能したことがライブサーバーで機能しない場合はどうなるかということです。

多くの場合、ローカルサイトとライブWordPressホスティングサーバーは同じ環境で実行されていません。

ステージングサイトはウェブホスティングサーバー上に存在するため、ライブサイトと同じサーバー構成で実行されるため、それらのエラーをすべて簡単に防ぐことができます。

それでは、WordPressのステージングサイトを設定する方法を見ていきましょう。

WordPress ステージングサイトを簡単に作成する方法

WordPress のステージングサイトを作成するには、いくつかの方法があります。最も簡単なのは、ホスティングプロバイダーの組み込みステージングサイト機能を使用することです。

最高のWordPressホスティング会社のいくつかは、すでに1クリックでステージングウェブサイトを提供しています。ウェブサイトがそれらのいずれかでホストされている場合、手間をかけずに簡単にステージングサイトを作成できます。

これらの一般的なホスティングソリューションのいずれかをお持ちでない場合は、プラグイン（または手動でも）を使用してWordPressステージングサイトを作成するソリューションも用意しています。

より速く閲覧するために、以下のナビゲーションを使用して、最も関連性の高いセクションにジャンプできます。

• Bluehostでステージングサイトを作成する
• SiteGroundでステージングサイトを作成する
• WP Engineでステージングサイトを作成する
• WordPressプラグインを使用したステージングサイトの作成
• WordPressステージングサイトを手動で作成する

Bluehostでステージングサイトを作成する

Bluehostは、最高のWordPressホスティング会社の1つです。すべてのプランに迅速な1クリックステージングサイトソリューションを提供しています。

まず、Bluehostダッシュボードにアクセスし、「マイサイト」セクションに移動する必要があります。

次に、「プラグイン」タブに切り替え、「Bluehost Plugin」オプションの横にあるスイッチをオンにします。

その後、WordPressサイトのダッシュボードに移動し、Bluehost » Staging ページにアクセスしてください。

次に、「ステージングサイトを作成」ボタンをクリックします。

Bluehostは、あなたのウェブサイトのステージング環境を準備します。

これが完了すると、「ステージングサイト」セクションが表示され、そこで「現在編集していません」のチェックボックスをオンにする必要があります。

画面にステージングサイトに切り替えるよう求めるプロンプトが表示されます。

ここから、「切り替え」ボタンをクリックします。

切り替えると、ステージングサイトで作業していることを示すボタンが表示されます。

ライブサイトに影響を与えることを心配せずに、ウェブサイトで作業を進めることができます。

Bluehostでステージングからライブサイトへの変更をデプロイする

ステージングからライブサイトに変更をプッシュする準備ができたら、WordPress管理サイドバーから Bluehost » Staging ページに移動するだけです。

ここから、ステージングサイトの横にあるデプロイオプションのドロップダウンメニューが表示されます。ファイルのみ、データベースのみ、またはすべての変更をデプロイできます。

不明な場合は、「すべての変更をデプロイ」ボタンをクリックして続行してください。

その後、ドロップダウンメニューの横にある「サイトのデプロイ」ボタンをクリックします。

これにより、ステージングサイトを本番サイトにデプロイすることを確認するポップアップが表示されます。「デプロイ」ボタンをクリックして続行します。

Bluehostはステージングサイトをライブサイトにデプロイし始めます。ウェブサイトのサイズによっては、これに時間がかかる場合があります。

プロダクションサイトオプションの下にあるラジオボタンをクリックすることで、変更が実際に適用されているか確認するために、ライブウェブサイトに戻ることができます。

本番サイトをステージングにクローンする

本番サイトに戻ると、そこで行う変更はステージングサイトに自動的に同期されなくなります。

今後、ステージングウェブサイトでさらに多くのことをテストしたい場合は、サイトを複製する必要があります。

これを行うには、Bluehost » Staging ページにアクセスし、「ステージングにクローン」ボタンをクリックする必要があります。

Bluehostは、最新の変更をライブウェブサイトからステージングウェブサイトにクローンします。その後、テストと開発のためにステージングウェブサイトに切り替えることができます。

SiteGroundでステージングサイトを作成する

SiteGround は、GrowBig および GoGeek プランで 1 クリックステージング機能を備えた、もう 1 つのトップ WordPress ホスティング会社です。

WPBeginnerではこのホスティングを利用しており、素晴らしい経験をしています。信頼性が高く、高速で、管理が容易なため、ウェブサイトにとって堅実な選択肢となっています。

詳細については、SiteGroundのレビューをご覧ください。

ウェブサイトがSiteGroundでホストされている場合、ステージングサイトは次のように設定します。

まず、SiteGroundダッシュボードにログインし、「Webサイト」タブに切り替える必要があります。ここから、ウェブサイトの下にある「サイトツール」を選択します。

次の画面で、左側の列からWordPress » ステージングメニューをクリックする必要があります。

ここから、ウェブサイトを選択し、ステージングコピーの名前を指定します。

「作成」ボタンをクリックすると、Sitegroundがウェブサイトのステージングコピーを作成します。

その後、「保護されたURLに移動」ボタンをクリックして、ステージングウェブサイトにパスワード保護を適用し、プライベートに保つことができます。

次の画面で、SitegroundはステージングウェブサイトのURLとパスを自動的に入力します。

ステージングサイトを保護するために使用したいユーザー名とパスワードを入力する必要があります。

「保護」ボタンをクリックして設定を保存します。

これで、WordPress » ステージング ページに戻り、ステージングサイトの横にある「管理パネルにログイン」ボタンをクリックできます。

SiteGround は、ステージングサイトの WordPress 管理画面を開きます。このステージングサイトで変更をテストできます。

変更をライブウェブサイトにデプロイする

ステージングウェブサイトで変更を試した後、ライブウェブサイトにマージしたい場合があります。

SiteGroundもこれを簡単にします。

左側の列からWordPress » ステージングメニューをクリックするだけです。次に、「ステージングコピーの管理」セクションの下にあるステージングサイトの横にある3点メニューをクリックします。

メニューには2つのデプロイオプションが表示されます。「フルデプロイ」または「カスタムデプロイ」オプションのいずれかを選択できます。

「フルデプロイ」オプションは、ステージングウェブサイトのすべてをライブウェブサイトにマージします。「カスタムデプロイ」では、マージしたいファイルまたはデータを選択できます。

不明な場合は、「フルデプロイ」オプションを選択してください。

SiteGroundはステージングサイトをライブウェブサイトにコピーします。

本番環境をステージングウェブサイトにマージする

本番サイトで行った変更は、ステージングサイトに自動的にコピーされません。

ステージングウェブサイトで作業する必要があるたびに、上記のプロセスを繰り返して新しいステージングウェブサイトを作成してください。

WP Engineでステージングサイトを作成する

WP Engineは、世界で最高のWordPressマネージドホスティング会社です。マネージドWordPressホスティングは、ホスティングプロバイダーがアップデート、バックアップ、セキュリティ、パフォーマンスを管理する、WordPressサイトのコンシェルジュサービスです。

WP Engine は、すべてのプランでワンクリックステージングソリューションを提供しています。ウェブサイトのホスティングに WP Engine を使用している場合は、サイトのステージング環境をセットアップする方法は次のとおりです。

まず、WP Engineダッシュボードにログインする必要があります。「サイト」ページに移動し、ウェブサイトをクリックして選択してください。

これにより、ウェブサイトのダッシュボードに移動します。

次に、左側の列にある「ステージングを追加」リンクをクリックするか、一番上のサイト名の下で選択します。

これで「環境の追加」画面が表示されます。

ステージング環境をどのように進めるかを選択するように求められます。

これらのオプションがそれぞれ何をするのかを説明します。

• 「新しい空白サイトで開始」は、新しい空のサイトを作成します。
• 「ガイド付きエクスペリエンスで開始する」は、ガイド付きエクスペリエンスとデモコンテンツで新しいサイトを作成します。
• 「既存の環境をこのサイトにコピー」は、本番または開発環境をこのサイトにコピーします（例：ライブサイトをこの環境にコピーします）。
• 「既存の環境を移動」は、環境をこのサイトに移動します（例：開発環境をステージングに移動）。
• 「WooCommerceサイトから開始する」は、WooCommerceがプリインストールされた新しいWordPressサイトを作成します。

ライブウェブサイトのステージングコピーを作成したいので、「既存の環境をこのサイトにコピーする」オプションをクリックする必要があります。

環境を選択した後、コピー元の最新のバックアップを選択し、「次へ」ボタンをクリックして続行します。

次に、ステージングサイトの名前を入力する必要があります。この名前はステージングサイトのURLで使用されます。その後、環境タイプとしてSTG（ステージング）を選択します。

続行するには、「環境を作成」ボタンをクリックしてください。

WP Engine がステージングサイトを作成します。その後、ステージング環境のダッシュボードにリダイレクトされます。

次に、南京錠ボタンをクリックして、ステージングサイトのパスワード保護を有効にする必要があります。

その後、ステージングサイトのユーザー名とパスワードをコピーするには、「ユーティリティ」タブに切り替える必要があります。

これで、上部にある「WP管理」ボタンをクリックして、ステージングウェブサイトにログインできます。

通常のWordPressサイトで他の場所にインストールするのと同じように、ステージングウェブサイトで自由に編集したり機能を試したりしてください。

WP Engine でステージングからライブウェブサイトに変更をデプロイする

ステージングウェブサイトで行った変更をライブウェブサイトにマージしたいですか？

「環境をコピー」ボタンをクリックするだけで、デプロイを開始できます。

これでオプションページが表示されます。ここから、コピー元の環境とコピー先の環境を選択する必要があります。

ここで、ステージングサイトをソース環境として、本番環境またはライブサイトを宛先環境として選択します。

コピーしたいものを選択できます。例えば、すべてのデータベーステーブルとファイルをコピーしたり、特定のファイルとデータベーステーブルをコピーしたり、ファイルシステムのみをコピーしたりできます。

次に、「レビューと確認」ボタンをクリックしてデプロイを開始します。すべてをライブウェブサイトにコピーするにはしばらく時間がかかります。

プロセスが完了すると、メールで通知されます。

WordPressプラグインを使用したステージングサイトの作成

WordPressホスティング会社がステージングサイト機能を提供していない場合でも、WordPressプラグインを使用してステージングウェブサイトを作成できます。

この方法を使用することには、いくつかの欠点があります。

まず、プラグインはホスティングサーバーを限定的にしか制御できません。そのため、常に最良の結果が得られるとは限りません。

第二に、使用するプラグインはステージングサイトを独自のサーバーに保存します。プライバシーとデータ保護が懸念される場合、これは理想的ではないかもしれません。

最後に、このプラグインにはいくつかの既知の非互換性があります。ウェブサイトが互換性があることを確認するために、非互換性のページを確認してください。

それでは、WordPressプラグインを使用してステージングWordPressサイトを作成する方法を見てみましょう。

まず最初に行うべきことは、WP Stagecoach プラグインをインストールして有効化することです。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化すると、プラグインは管理バーにWP Stagecoachという新しいメニュー項目を追加します。それをクリックすると、プラグインの設定ページに移動します。

WPステージコーチのユーザー名とAPIキーを入力する必要があります。APIキーは、プラグインのウェブサイトのアカウントで見つけることができます。

その後、WP Stagecoach » WP Stagecoachページにアクセスし、ステージングサイトの名前を選択する必要があります。この名前は、WordPressステージングウェブサイトのサブドメインとしても使用されます。

「ステージングサイトにパスワード保護をかける」オプションの横にあるチェックボックスをオンにすることを忘れないでください。これにより、ステージングウェブサイトが一般公開や検索エンジンから保護されます。

「ステージコーチに乗る」ボタンをクリックして続行してください。

プラグインは、WordPressファイルとデータベースのバックアップを作成し、ステージングサイトにエクスポートします。

WordPressウェブサイトのサイズによっては、時間がかかる場合があります。

完了すると、ステージングサイトとその管理エリアへのリンクが表示されます。

リンクをクリックすると、ステージングサイトにアクセスして作業を開始できます。

管理画面の上部に、ステージングサイトで作業していることを示す明るいオレンジ色のメッセージが表示されます。管理バー

WP Stagecoachを使用してステージングサイトをライブにデプロイする

ライブサイトに変更をインポートする準備ができたら、WP Stagecoach » Import Changes ページに移動し、変更を確認ボタンをクリックしてください。

プラグインはステージングサイトでの変更をチェックし、インポートするオプションを表示します。

すべての変更、ファイルの変更、またはデータベースの変更から選択できます。

プラグインはインポートの進行状況を表示し、完了すると通知します。

これでライブサイトをテストして、すべての変更が正常にインポートされたかどうかを確認できます。

WordPressステージングサイトを手動で作成する

この方法では、WordPressのインストール用にステージングサイトを手動で作成する方法を説明します。これは上級ユーザー向けであり、上記で説明した他の方法よりも多くの作業が必要です。

この方法のもう1つの欠点は、ステージングからライブサーバーに変更をデプロイする際に、ウェブサイトが一時的に利用できなくなることです。

それでは、WordPress サイトのステージング環境を手動で作成する方法を見てみましょう。

まず、ステージングウェブサイト用のサブドメインを作成する必要があります。Bluehostを使用している場合は、ホスティングアカウントのダッシュボードに移動し、「詳細設定」タブに切り替えます。

次に、「cPanel」オプションの横にある「管理」ボタンをクリックします。

これにより、新しいタブでcPanelが開きます。そこで「ドメイン」セクションまでスクロールする必要があります。

ここから、「ドメイン」オプションをクリックします。

これで、ホスティングアカウント上のすべてのドメインのリストが開きます。ここで、「新しいドメインを作成」ボタンをクリックする必要があります。

それを行うと、画面に新しいページが開きます。そこで、次のように「ドメイン」フィールドにサブドメインとドメイン名を記述する必要があります。

subdomain.example.com

その後、「送信」ボタンをクリックして設定を保存します。

注意: 例のスクリーンショットではBluehostを使用しているため、画面が異なる場合があります。

ホスティングコントロールパネルに、ライブWordPressサイトをインポートするために使用できるサブドメインが追加されます。

次に、無料のDuplicatorプラグインをライブサイトにインストールして有効化する必要があります。フル機能が必要な場合は、Duplicatorのプレミアムバージョンをこちらから入手できます。

当社のパートナーブランドの多くもこのツールを使用してバックアップを作成し、優れた結果を得ています。詳細については、Duplicator のレビューをご覧ください。

有効化したら、WordPress管理画面のサイドバーにあるDuplicatorメニューをクリックし、バックアップの下にある「新規作成」ボタンをクリックしてください。

次に、バックアップの名前を入力し、「次へ」ボタンをクリックして続行します。

その後、DuplicatorはウェブサイトのDuplicatorウィザードを実行します。

まず、すべてが正常かどうかを確認するためにいくつかのテストを実行します。すべての項目が「良好」とマークされている場合は、「ビルド」ボタンをクリックします。

プラグインは、WordPressサイトのDuplicatorバックアップパッケージの作成を開始します。このプロセスは、ウェブサイトのサイズによっては数分かかる場合があります。

完了すると、インストーラーとアーカイブパッケージのダウンロードオプションが表示されます。両方のファイルをコンピューターにダウンロードするには、「両方のファイルをダウンロード」ボタンをクリックする必要があります。

作成したサブドメインのファイルディレクトリに、これら両方のファイルをアップロードする必要があります。詳細については、WordPressサイトにファイルをアップロードするためにFTPを使用する方法に関するガイドを参照してください。

次に、新しいステージングWordPressサイトには新しいデータベースが必要です。作成しましょう。

WordPressホスティングアカウントのコントロールパネルにアクセスし、「詳細設定」タブに切り替えます。

次に、下にスクロールして「データベース」セクションに移動し、隣にある「管理」ボタンをクリックします。

Bluehostを使用していない場合、WordPressホスティング環境は少し異なる場合があります。心配しないで、データベースセクションを探してください。

これで「MySQLデータベース」ページに移動し、データベースの名前を指定して開始できます。

次に、「データベースの作成」ボタンをクリックします。

次に、データベース用のMySQLユーザーを作成する必要があります。

MySQLユーザーセクションまでスクロールし、新しいデータベースユーザーのユーザー名とパスワードを入力します。

これで、このユーザーに、先ほど作成したデータベースへのアクセスと変更の権限を与える必要があります。

「データベースにユーザーを追加」セクションまでスクロールし、データベースと作成したばかりのユーザーを選択するだけです。

その後、「追加」ボタンをクリックして続行します。

ユーザーの権限を選択するように求められます。「すべての権限」チェックボックスを選択してから、「変更を行う」ボタンをクリックしてください。

これで、ステージングサイトでデータベースを使用する準備が整いました。

次に、新しいブラウザタブを開き、ステージングサイトのサブドメインを次のように入力する必要があります。

https://yoursubdomain.example.com/installer.php

yoursubdomain を実際のサブドメインに、example.com をご自身のドメイン名に置き換えるのを忘れないでください。

これにより、Duplicator インストーラーウィザードが起動します。

「セットアップ」セクションで、インストーラーはWordPressデータベース情報を入力するように求めます。

ホストはおそらくlocalhostでしょう。その後、前のステップで新しいドメイン名のために作成したデータベースの詳細を入力します。

「検証」ボタンをクリックして、Duplicatorがデータベースに接続できることを確認してください。

完了したら、「次へ」ボタンをクリックして続行します。

Duplicator は WordPress のデータベースとファイルを展開し、ステージングサイトにインポートします。

完了すると、成功メッセージが表示されます。

「管理ログイン」ボタンをクリックすると、新しいステージングサイトのウェブサイトのWordPress管理エリアに入ることができます。

これでステージングサイトが設定されました。サブドメインにパスワード保護を追加することで、ステージングサイトを保護できます。

ホスティングアカウントのダッシュボードに移動し、「詳細」タブに切り替えます。

その後、「cPanel」セクションまでスクロールダウンし、隣にある「管理」ボタンをクリックします。

これにより、新しいウィンドウでcPanelが開きます。そこで「ファイル」セクションまでスクロールダウンする必要があります。

ここから「ディレクトリプライバシー」アイコンをクリックします。

次に、サブディレクトリフォルダを選択し、「このディレクトリにパスワード保護を適用する」チェックボックスを選択します。

この設定の名前を入力するように求められ、次に「保存」ボタンをクリックします。

ステージングサイトはパスワード保護によって隠され、検索エンジンや一般の目に触れないようになります。

これでステージングサイトで作業し、変更を加えることができます。

ステージングサイトを本番環境に手動でデプロイする

本番サーバーに変更をデプロイする準備が整ったら、上記と同じ手順に従います。

ステージングサイトで新しいDuplicatorパッケージを作成し、インストーラーとアーカイブファイルをコンピューターにダウンロードするだけです（上記の指示を参照）。

次に、ライブサイトに移動して、WordPressの完全なバックアップを作成する必要があります（Duplicatorを使用して完全なバックアップを作成することもできます）。

完了したら、ライブウェブサイトからすべてのWordPressファイルとフォルダを削除する必要があります。これは、WordPressサイトが一時的にダウンすることを意味します。

最後に、上記の指示に従ってDuplicatorインストーラーウィザードを実行し、ステージングサイトをライブサーバーにインポートします。

ご覧のとおり、最後の方法はまったく最善の方法ではありません。プロセス中にサイトを破損させる可能性のある多くのことがあります。

他に選択肢がない限り、この方法は一切避けることをお勧めします。Bluehost、SiteGround、またはWP Engineのような信頼性の高いホスティングプロバイダーを使用することをお勧めします。これらのプロバイダーには、組み込みのステージングサイト機能があります。

この記事で、WordPress サイトのステージング環境を簡単に作成する方法を学べたことを願っています。問題が発生した場合は、Gutenberg への更新のためにサイトをテストする方法に関するガイドをご覧ください。また、テストのためにブラウザで WordPress Playground を使用する方法を学ぶことも検討してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。