WordPressステージングサイトの作成方法（安全なテストのため）

新しい機能に何時間も費やしたのに、ライブサイトが壊れてしまった経験はありませんか？

ステージングサイトは、リスクのない環境で実験やトラブルシューティングを行うことで、これを防ぎます。変更に満足したら、問題なくライブサイトに簡単にプッシュできます。

WordPressステージングサイトの設定は intimidating に思えるかもしれませんが、ウェブサイトをスムーズに稼働させるための重要な部分です。公開する前に変更を安全にテストできる場所です。

このチュートリアルでは、WordPressステージングサイトの作成方法を説明します！

主なポイントは以下の通りです。

• ステージングサイトは、安全なテストと開発のために使用される、ライブウェブサイトのプライベートなクローンです。
• ステージング環境を使用することで、新しいプラグイン、アップデート、またはコードの変更が公開サイトをクラッシュさせるのを防ぐことができます。
• Duplicator Proには、WordPressに直接組み込まれたワンクリックステージング機能があります。サブドメインの設定、FTP、または手動でのデータベース構成なしで、あらゆるバックアップからステージングサイトを作成できます。
• サブドメインにステージングサイトを手動で作成し、そこにバックアップをインポートすることもできます。
• 多くのウェブホスト（BluehostやWP Engineなど）は、組み込みのワンクリックステージング環境を提供しています。

クイックサマリー：WordPressステージングサイトの作成方法

目次

ブロガーであっても、ECサイトのオーナーであっても、ステージングサイトを作成することからメリットを得られます。リスクなしでウェブサイトを変更できます。 

ライブサイトに大きな変更を加えることにした場合、誤ってその機能を壊してしまう可能性があります。その場合、バックアップからウェブサイトを復元するプロセスを実行する必要があります。 

ステージングサイトは、WordPressウェブサイトのセーフティネットとして機能します。

ファイル、デザイン、その他の要素を、すべてが完璧に見え、感じられるまで調整できます。ステージングサイトはプライベートなので、変更がSEOに影響することはありません。

WordPressステージングサイトを使用するタイミング

WordPressステージングサイトを使用したい場合は、次のようになります。

• 新しいテーマとプラグインのインストール

新しいテーマやプラグインは、他のインストール済みソフトウェアと競合する可能性があります。ステージングサイトは、新しいソフトウェアがサイトにどのように影響するかを確認するのに役立ちます。 

• WordPressコア、テーマ、プラグインのアップデート

ワークフローの時間を節約できるかもしれませんが、ライブのWordPressサイトを更新すべきではありません。これにより、視聴者に表示されるエラーが公開される可能性があります。高い直帰率やダウンタイムを回避したい場合は、ステージングサイトを用意することが重要です。 

• エラーのトラブルシューティング

ウェブサイトで予期しないエラーやバグが発生し、ユーザーエクスペリエンスを損なう場合があります。より多くの問題を引き起こすことなく安全にトラブルシューティングしたい場合は、ステージングサイトを使用してください。 

• コードベースの変更の実装

ステージング環境は、コードを操作したり、新機能のテストを行ったり、サイトを安全に調整したりするためのテストサイトとして機能します。 

• WordPressサイトを作成する前に

ウェブサイトを作成する前に、新しいステージングサイトをセットアップできます。ホスティングプランがあれば、WordPressウェブサイトを完全に設計してから公開できます。 

WordPressステージングサイトの作成方法

ステージングサイトの利点がわかったところで、自分で構築したくなるでしょう。ご心配を和らげるために、ステージングサイトの作成方法をステップバイステップで説明します！

ここでは、取り上げる内容を示します：

• 方法1：Duplicatorでワンクリックステージングサイトを作成する
• 方法2：サイトのコピーを別のサーバーに移行してステージングサイトを作成する
• 方法3：ホスティング機能に組み込まれたステージングサイトをワンクリックでセットアップする
• ステージング環境を保護するためのセキュリティベストプラクティス
• ステージングから本番環境に変更をデプロイする方法

方法1. Duplicatorでワンクリックステージングサイトを作成する

Duplicator Proは、サブドメインのセットアップ、FTP、または手動のデータベース構成なしで、WordPressに直接ステージングを組み込んでいます。サーバー上のサブフォルダにサイトの完全に分離されたコピーを作成し、ステージングサイトの何も実際のユーザーに誤って影響を与えないように自動的に安全保護を適用します。

プラグインをダウンロードし、一意のライセンスキーをコピーします。次に、ライブウェブサイトのWordPressダッシュボードを開き、新しいプラグインとしてDuplicator Proをインストールします。

ライセンスキーをアクティブ化する必要があります。Duplicator Pro » 設定に移動します。ライセンスキーを貼り付けます。

アクティブ化をクリックします。

ステージングサイトを作成する前に、ソースとして使用する完全サイトバックアップが必要になります。新しいバックアップを追加し、フルサイトプリセットを選択します。

Duplicator Pro » ステージングに移動し、最初のステージングサイトを作成ボタンをクリックします。

ソースバックアップとして作成したファイルを選択します。ステージングサイトに名前を付け、管理者カラーテーマを選択します。これにより、ライブダッシュボードとステージングダッシュボードを混同するのを防ぐことができます。

DuplicatorはWordPressファイルをステージングサブフォルダにコピーし、分離されたデータベーステーブルをセットアップします。通常のWordPressの認証情報を使用してログインします。

Duplicatorが作成するすべてのステージングサイトには、以下が含まれます：

• メールブロック：テストアクションが実際のユーザーに届かないように、送信メールが無効になっています
• 検索エンジンインデックス無効：ステージングサイトはクロールまたはインデックスされません
• データベースの分離: ステージングテーブルは、本番データベースとは完全に分離された一意のプレフィックスを使用します
• 管理バーのインジケーター: ステージング環境であることを明確に示し、本番環境へのリンクを付けます

ステージングサイトの変更準備が整いました！テストが完了したら、ライブ管理画面のステージングページでステージングサイトを管理、削除、または新規作成できます。

方法2. ライブサイトのコピーを別のサーバーに移行する

ウェブホスティングにワンクリックステージングサイト機能がない場合でも、自分でステージングサイトを簡単に構築できます。これには、元のサイトをクローンすることと、それをサーバー上の新しいサブドメインにアップロードすることが含まれます。

プロセスを簡単に説明します。

• ステージングサイト用のサブドメインを作成する
• ライブサイトにDuplicatorのようなクローンプラグインをインストールする
• ライブサイトの完全なバックアップを生成する
• バックアップファイルをステージングサブドメインにアップロードする
• ステージングウェブサイト用の新しいデータベースを作成する
• ライブデータのインポートを完了する
• セキュリティのためにパスワード保護を追加する

ステップ1：ステージングエリアの構築

ステージングサイトは、ホスティングサーバー上に直接セットアップできます。これにより、ステージングサーバーとライブサーバー間で変更を移行する際の潜在的なエラーを回避できます。

開始するには、WordPressホスティングアカウントのダッシュボードを開きます。このチュートリアルでは、Bluehostを使用します。Domains » Subdomains » Add Subdomainを見つけます。

次に、サブドメインをStagingと名付け、Add Subdomainをクリックします。

Local by Flywheel、MAMP、WAMP、XAMPPなどのサービスを使用して、ローカルWordPressステージングサイトを作成することもできます。

ステップ2：WordPressクローンプラグインのインストール

次に、ライブウェブサイトをクローンしてステージングサイトに移動する必要があります。

これを行うために、Duplicator Proのインストールをお勧めします。このプラグインは数秒でウェブサイトのコピーを作成するため、クローン、移行、バックアップに役立ちます。

Rock Lobster WebdesignがDuplicatorでステージングサイトをセットアップしてデザイン効率を向上させた方法をご覧ください！

Duplicatorの使用を開始するには、ニーズに合ったサブスクリプションを選択してください。無料バージョンもありますが、Duplicator Proのドラッグアンドドロップ移行により、ステージングサイトとの間でコンテンツを簡単にプッシュできます。

これで、ウェブサイトのコピーを作成することができ、ステージングサイトに簡単に移動できます！

ステップ3：ライブサイトのバックアップを作成する

Duplicatorを使用すると、ライブウェブサイトのコンテンツ、WordPressファイル、プラグイン、テーマ、データベーステーブルを単一のバックアップファイルに簡単にコンパイルできます。その後、このすべてのデータをステージングサイトに移動できるようになります。

Duplicatorで、Backups » Add Newに移動します。

後で見つけやすいようにバックアップに名前を付けます。次に、Nextをクリックします。

Duplicatorがバックアップを構築する前に、ライブウェブサイトをスキャンします。通知があれば、ビルドに影響するかどうかを確認することが重要です。

続行するには、Create Backupを選択します。

完了したら、再びバックアップページを見つけます。作成したばかりのバックアップの横にある » 両方のファイルをダウンロードをクリックします。

これにより、アーカイブファイルとインストーラーファイルの両方がコンピューターにダウンロードされます。

バックアップアーカイブファイルには、ウェブサイトのファイルとデータベースが含まれます。インストーラーは、ステージングサイトに追加するとアーカイブファイルを展開するPHPファイルです。

ステップ4：バックアップをステージングサイトにインポートする

ウェブサイトのクローンをダウンロードしたら、ステージングサイトにアップロードする時間です。

WordPressウェブサイトにファイルをアップロードするには、FTPクライアントまたはcPanelのいずれかが必要です。これらのいずれかのオプションを使用すると、ウェブホストのサーバーに接続してサイトファイルを編集できます。

通常、ホスティング会社は、このプロセスに特定のファイルマネージャーを推奨します。私はcPanelを使用します。

ログインしたら、作成したサブドメインのルートディレクトリを開きます。このフォルダー内のすべてのファイルを完全に削除し、バックアップファイルをアップロードします。

これで、ウェブサイトをステージングエリアにクローンしました！

ステップ5：ステージングサイト用の新しいデータベースを作成する

ステージングサイトの編集を開始する前に、新しいデータベースが必要です。作成プロセスは、ホスティングプロバイダーによって異なります。

Bluehostユーザーの場合は、コントロールパネルを開き、MySQLデータベースボタンを見つけます。

新しいステージングサイトのデータベースに名前を付けて、データベースを作成をクリックします。

MySQLユーザーセクションを見つけます。新しいユーザーのユーザー名とパスワードを入力します。

次に、ユーザーをデータベースに追加が表示されるまで下にスクロールします。このセクションでは、ドロップダウンメニューで新しいデータベースとユーザーの両方を選択します。

新しいユーザーにすべての権限を割り当てます。これにより、データベースを完全に制御できるようになります。

ステップ6：ライブデータのインポートを完了する

元のサイトのバックアップをWordPressステージング環境にインストールする時間です。これを行うには、新しいブラウザウィンドウを開き、このURLを貼り付けます。

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

これにより、Duplicatorインストーラーウィザードが自動的に開きます。セットアップの下に、新しいデータベースの詳細を入力します。

次に、検証ボタンをクリックします。利用規約に同意する前に、必ず通知を確認してください。

インストールが完了したら、ステージングサイトにログインします。

管理ログインをクリックして、本番サイトのクローンバージョンを編集し始めます！

ステップ7：追加のセキュリティのためにパスワード保護を追加する

他の誰もステージングサイトにアクセスできないようにするには、パスワード保護を追加することを検討してください。これにより、開発エリアが検索エンジンや一般の目に触れないようになります。

Bluehostでこれを行うには、コントロールパネルの詳細設定 » ディレクトリプライバシーに移動します。

サブドメインのフォルダーを見つけます。次に、このディレクトリをパスワードで保護の横にあるボックスをオンにします。

保護されたディレクトリの名前を追加します。サイトにアクセスできるように、ユーザー名とパスワードを選択します。

これらの変更を保存すると、ステージングサイトを編集できるのはあなただけになります！

方法2. ウェブホストでステージングサイトを作成する

一部のWordPressホスティングプロバイダーでは、ワンクリックでステージングサイトを作成できます。これは、ウェブサイトをクローンして同じサーバーでホストする簡単な方法です。

Bluehost、SiteGround、WP Engineでステージングサイトを構築する方法を説明します。他のウェブホストをご利用の場合は、組み込みのステージング機能が提供されているかどうかを確認する必要があります。

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

Bluehostのすべてのホスティングプランは、ワンクリックステージングをサポートしています。WordPressダッシュボードにログインし、Bluehostのステージングページを見つけるだけです。

次に、ステージングサイトを作成ボタンをクリックします。Bluehostが自動的にステージングサイトを構築します！

必要に応じて、本番サイトからステージングエリアに切り替えることができます。

ウェブサイト全体のクローンコピーが表示されます。ページの上部には、ステージング環境であることを示す赤いバーが表示されます。

ライブサイトに影響を与えることを心配せずに、変更を続けてください。展開する準備ができたら、Bluehost » ステージングに移動し、すべての変更を展開をクリックします。

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

SiteGroundユーザーの場合は、ホスティングコントロールパネルにログインすることから始めます。ウェブサイトタブをクリックし、サイトツールをクリックします。

WordPress » ステージングに移動します。ウェブサイトを選択し、ステージングサイトの名前を作成します。最後に、作成をクリックします。

不正なユーザーがステージングコンテンツにアクセスできないように、パスワード保護を追加してください。SiteGroundアカウントで、保護されたURLに移動をクリックします。次に、ステージングサイトのユーザー名とパスワードを追加します。

これで、新しいステージングサイトにログインできます。

ステージングの変更をライブウェブサイトにプッシュするには、コントロールパネルのこのページに戻ります。3点アイコンをクリックし、フルデプロイをクリックします。

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

WP Engineは、すべてのプランにワンクリックステージングが含まれている別のWordPressホストです。開始するには、WP Engineコントロールパネルでサイトを選択します。

次に、ステージングを追加をクリックします。

オプションのリストから、既存の環境をこのサイトにコピーを選択します。クローンしたい本番サイトを選択します。

ステージングサイトに名前を付けます。環境タイプがステージングであることを確認してください。

ステージングサイトが作成されたら、パスワード保護を追加します。単にステージングに移動し、南京錠アイコンをクリックします。

ユーティリティタブを見つけ、ステージングダッシュボードのユーザー名とパスワードをコピーします。

ステージングサイトの編集を開始するには、WP管理をクリックします。

変更をライブにプッシュする準備ができたら、環境をコピーをクリックします。

最後に、ステージングサイトをソース環境として選択します。宛先環境はライブサイトにする必要があります。

よくある質問（FAQ）

ステージングをルーチンに標準的な部分にする

これで、WordPressステージングサイトが作成されました。

ステージングが設定されたので、ウェブサイトのメンテナンスチェックリストの通常のステップとして扱うことが重要です。

プラグインを更新したりコードを変更したりするときに最善を期待するのではなく、バックグラウンドで安全にすべてを確認できるようになりました。この簡単な習慣は、ブランドの評判を保護し、訪問者が壊れたページに遭遇しないようにします。

プロのヒント：新しいテストを開始する前に、必ずステージングサイトを更新してください。ステージング環境が数か月前のものの場合、現在のライブサイトで新しい変更がどのように動作するかを正確に反映しません。作業を開始する前に、Duplicatorを使用して、本番サイトの新しいコピーでステージングエリアをすばやく上書きしてください。

最初のステージングサイトを設定する準備はできましたか？Duplicator Proを使用すると、サブドメイン、FTP、または手動のデータベース設定なしで、任意のバックアップから分離されたテスト環境を作成できます！

ついでに、これらの追加のWordPressチュートリアルも気に入るかもしれません。

• 大規模なWordPressサイトの移行方法（簡単な方法）
• 9つの最高のWordPressステージングプラグイン（+専門家レビュー）
• WordPressサイトを手動で移行する方法
• 忘れたくない11のWordPressメンテナンスタスク
• 9つの最高のWordPressバックアッププラグイン
• WooCommerceサイトの移行方法