WordPressステージングサイトの作り方（安全なテストのために）
新機能の開発に何時間も費やしたのに、本番のサイトが壊れてしまったという経験はないだろうか。
ステージングサイトでは、リスクのない環境で実験やトラブルシューティングを行うことができるため、このような事態を防ぐことができます。変更に満足したら、問題なく簡単に本番サイトにプッシュすることができます。
WordPressのステージングサイトを立ち上げるのは気が引けるかもしれませんが、ウェブサイトをスムーズに運営するための重要な要素です。公開前に変更を安全にテストできる場所です。
このチュートリアルでは、WordPressのステージングサイトを作成する方法を紹介します！
以下はその要点である：
- ステージングサイトとは、本番サイトのプライベートなクローンであり、安全なテストと開発に使用されます。
- ステージング環境を使用することで、新しいプラグイン、更新、またはコード変更が本番サイトをクラッシュさせるのを防ぎます。
- Duplicator Proには、WordPressに直接統合されたワンクリック・ステージング機能が搭載されています。サブドメインの設定やFTP、手動でのデータベース設定を必要とせず、任意のバックアップからステージングサイトを作成できます。
- サブドメイン上にステージングサイトを手動で作成し、そこにバックアップをインポートすることも可能です。
- 多くのウェブホスト（BluehostやWP Engineなど）は、組み込みのワンクリックステージング環境を提供しています。
クイック・サマリー：WordPressステージング・サイトの作り方
目次
WordPressステージングサイトとは？
WordPressのステージングサイトとは、本番サイトのコピー（クローン）です。このステージングサイトは、訪問者が公開閲覧できない点を除けば、本番サイトと完全に同一です。ステージングサイトで変更を加えても、本番のブログや中小企業サイトには影響しません。
なぜWordPressステージングサイトを作るのか？
ステージングサイトは、安全な環境で変更をテストするために使用されます。ウェブサイトを壊すことなく、更新、コーディングの微調整、完全な再設計を行うことができます。準備ができたら、これらの変更を本番で行うことができます。
あなたがブロガーであろうとeコマースウェブサイトのオーナーであろうと、ステージングサイトを作成することは有益です。リスクなしにウェブサイトを修正することができます。
ライブサイトに大幅な変更を加える場合、意図せず機能が破損する可能性があります。その場合、バックアップからウェブサイトを復元する手順を踏む必要があります。
ステージングサイトは、WordPressウェブサイトの安全網として機能します。
ファイル、デザイン、その他の要素を、見た目が完璧になるまで調整することができます。ステージングサイトは非公開のため、変更がSEOに影響することはありません。
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を使用します。ドメイン " サブドメイン " サブドメインを追加します。
サブドメインの名前をStagingにして、Add Subdomainをクリックします。
また、Local by Flywheel、MAMP、WAMP、XAMPPなどのサービスを利用して、ローカルのWordPressステージングサイトを作成することもできます。
ステップ2：WordPressクローンプラグインをインストールする
次に、あなたのライブウェブサイトをクローンし、ステージングサイトに移動する必要があります。
そのためには、Duplicator Proをインストールすることをお勧めする。このプラグインは数秒でウェブサイトのコピーを作成するので、クローン作成、移行、バックアップに便利です。
Rock Lobster WebdesignがDuplicatorでステージングサイトを設定することで、どのようにデザイン効率を向上させているかをご覧ください！
Duplicator を使い始めるには、お客様のニーズに合ったサブスクリプションを選択してください。無料版もありますが、Duplicator Proのドラッグアンドドロップマイグレーションを使用すると、ステージングサイトとの間でコンテンツを簡単にプッシュできます。
これで、ウェブサイトのコピーを作成し、ステージングサイトに簡単に移行できるようになります！
ステップ3：ライブ・サイトのバックアップを作成する
Duplicatorを使えば、ライブウェブサイトのコンテンツ、WordPressファイル、プラグイン、テーマ、データベーステーブルを1つのバックアップファイルに簡単にまとめることができます。そして、このデータをすべてステージングサイトに移動することができます。
デュプリケーターで、バックアップ " 新規追加。
後で簡単に見つけられるように、バックアップに名前を付けます。次に、Nextをクリックします。
Duplicatorがバックアップをビルドする前に、ライブウェブサイトをスキャンします。ビルドに影響を与えるかどうかを確認するために、通知を確認することが重要です。
続行するには、[バックアップの作成] を選択してください。
完了したら、再度「バックアップ」ページを開きます。作成したばかりのバックアップの横にある「ダウンロード」»「両方のファイル」をクリックしてください。
これにより、アーカイブファイルとインストーラーファイルの両方がコンピューターにダウンロードされます。
バックアップアーカイブファイルには、ウェブサイトのファイルとデータベースが含まれます。インストーラーはPHPファイルであり、ステージングサイトにアーカイブファイルを追加すると、そのファイルを展開します。
ステップ4：バックアップをステージングサイトにインポートする
ウェブサイトのクローンをダウンロードしたら、ステージングサイトにアップロードしましょう。
WordPressウェブサイトにファイルをアップロードするには、ファイル転送プロトコル（FTP）クライアントまたはcPanelのいずれかが必要です。これらのいずれかの方法を使用すれば、ウェブホストのサーバーに接続し、サイトファイルを編集できます。
通常、この作業にはホスティング会社が特定のファイルマネージャーを推奨します。ここではcPanelを使用します。
ログイン後、作成したサブドメインのルートディレクトリを開きます。このフォルダ内のファイルをすべて完全に削除し、バックアップファイルをアップロードしてください。
ステージング・エリアにウェブサイトをクローンしたところです！
ステップ5：ステージング・サイト用に新しいデータベースを作成する
ステージングサイトの編集を始める前に、新しいデータベースが必要です。作成方法はホスティングプロバイダーによって異なります。
Bluehostユーザーの場合は、コントロールパネルを開き、MySQLデータベースボタンを見つけます。
新しいステージングサイトのデータベースに名前を付け、「データベースを作成」をクリックしてください。
MySQL Usersセクションを見つける。新しいユーザのユーザ名とパスワードを入力します。
次に、"Add User to Database"が表示されるまで下にスクロールします。このセクションでは、ドロップダウンメニューで新しいデータベースとユーザの両方を選択します。
新規ユーザーにすべての権限を割り当てます。これによりデータベースを完全に制御できるようになります。
ステップ6：ライブデータのインポート完了
オリジナルサイトのバックアップをWordPressステージング環境にインストールしましょう。これを行うには、新しいブラウザウィンドウを開き、次のURLを貼り付けます：
https://subdomain.example.com/installer.php
自動的にDuplicatorインストーラーウィザードが開きます。セットアップ]で、新しいデータベースの詳細を入力します。
次にValidateボタンを押してください。利用規約に同意する前に、必ず注意事項を確認してください。
インストールが完了したら、ステージングサイトにログインしてください。
管理者ログインをクリックして、本番サイトのクローン版の編集を開始します！
ステップ7：セキュリティのためにパスワード保護を追加する
ステージングサイトに他の誰もアクセスできないようにするには、パスワード保護を追加することを検討してください。これにより、検索エンジンや一般の目から開発エリアを隠すことができます。
Bluehostでこれを行うには、コントロールパネルの詳細 " ディレクトリのプライバシーに移動します。
サブドメインのフォルダを見つけます。次に、「このディレクトリをパスワード保護する」の横にあるチェックボックスをオンにします。
保護されたディレクトリに名前を追加してください。サイトにアクセスできるよう、ユーザー名とパスワードを選択してください。
これらの変更を保存すると、ステージングサイトを編集できるのはあなただけになります！
方法2.ウェブホストでステージングサイトを作成する
一部のWordPressホスティングプロバイダーでは、ワンクリックでステージングサイトを作成できます。これは、あなたのウェブサイトをクローンし、同じサーバー上でホストする簡単な方法です。
Bluehost、SiteGround、WP Engineでステージングサイトを構築する方法を紹介します。別のウェブホストをお使いの場合は、そのホストにステージング機能が組み込まれているかどうかを確認する必要があります。
Bluehostでステージングサイトを作成する
すべてのBluehostホスティングプランは、ワンクリックでステージングをサポートしています。必要なのは、WordPressのダッシュボードにログインし、Bluehostのステージングページを見つけることです。
次に、ステージングサイトを作成するボタンをクリックします。Bluehostは自動的にステージングサイトを構築します！
必要なときはいつでも、本番サイトからステージング・エリアに切り替えることができる。
ウェブサイト全体のクローンコピーが表示されます。ページの上部には、ステージング環境であることを示す赤いバーが表示されます。
ライブサイトに影響を与えることを心配することなく、任意の変更を続行します。配置する準備ができたら、Bluehost " Stagingに向かい、Deploy All Changesをクリックします。
SiteGroundでステージングサイトを作成する
SiteGroundのユーザーであれば、まずホスティングコントロールパネルにログインします。ウェブサイト]タブをクリックし、[サイトツール]をクリックします。
WordPress » ステージングに移動します。ウェブサイトを選択し、ステージングサイトの名前を作成します。最後に「作成」をクリックします。
不正なユーザーがステージングコンテンツにアクセスするのを防ぐため、パスワード保護を追加してください。SiteGroundアカウントで「保護されたURLへ移動」をクリックし、ステージングサイトのユーザー名とパスワードを追加します。
これで新しいステージングサイトにログインできます。
ステージングの変更を本番のウェブサイトにプッシュするには、コントロールパネルのこのページに戻ってください。三点アイコンをクリックし、フルデプロイをクリックします。
WP Engineでステージングサイトを作成する
WP Engineは、すべてのプランにワンクリックステージングが含まれている別のWordPressホストです。開始するには、WP Engineのコントロールパネルでサイトを選択します。
次に、Add Stagingをクリックする。
オプション一覧から、既存の環境をこのサイトにコピーするを選択します。複製したい本番サイトを選択してください。
ステージング・サイトに名前を付ける。Environment typeが Stagingであることを確認する。
ステージングサイトを作成したら、パスワード保護を追加してください。ステージングに移動し、鍵のアイコンをクリックするだけです。
Utilitiesタブを見つけ、ステージングダッシュボードのユーザー名とパスワードをコピーします。
ステージングサイトの編集を開始するには、WP Adminをクリックします。
変更をプッシュする準備ができたら、Copy environmentをクリックする。
最後に、ステージングサイトをソース環境として選択します。デスティネーション環境は本番サイトであるべきです。
よくある質問 (FAQ)
本番前にWordPressサイトをテストするには？
本番稼動する前に、ステージング環境でWordPressサイトをテストすることをお勧めします。ステージングサイトを使えば、コードの実装、ソフトウェアのインストール、アップデートを安全に行うことができます。準備ができたら、ステージングサイトをライブサーバーにプッシュするだけです。
プロダクション・サイトとステージング・サイトの違いは何ですか？
本番サイトは、オンライン訪問者に表示される本番サイトです。ステージングサイトは、本番サイトに影響を与えることなく変更を実行できるテスト環境です。
ステージングサイトの作成にはどのくらい時間がかかりますか？
ステージングサイトの作成にかかる時間は、選択する方法によって異なります。マネージドWordPressホスティング会社の中には、ワンクリックですぐに新しいステージングサイトを作成できるステージング機能を内蔵しているところもあります。あるいは、Duplicatorのようなプラグインをインストールし、ウェブサイトをステージングエリアにクローンするのに数分かかります。
ウェブサイトをステージングからプロダクションに移行するにはどうすればよいですか？
Duplicator Proでステージングサイトのバックアップを作成することで、ウェブサイトをステージングから本番に移行することができます。その後、本番サイトにDuplicatorをインストールし、バックアップのアーカイブファイルをインポートボックスにドラッグ＆ドロップします。
バックアップをインポートするには、「Continue」を押します。
セキュリティ対策として、ディザスタリカバリポイントの設定を検討してください。基本的には、本番サイトの以前のバックアップを選択し、何か問題が発生した場合に復旧できるようにします。
バックアップを選択し、Setを押してください。この後、URLをコピーするか、ランチャーをダウンロードして、素早く簡単にリカバリーできます。
次に、ページの一番下までスクロールします。Launch Installerをクリックします。
Duplicator インストーラで、単一サイトをフルインストールして本番サイトを上書きするを選択します。
また、インストールに影響するかどうかを確認するために、通知を確認する必要があります。その後、規約と注意事項に同意し、Nextをクリックします。
最後に、ポップアップを使用して、インストールを続行することを確認します。
これにより、ステージングサイトの変更が自動的にライブサイトにプッシュされます！
WordPressでステージングサイトを無料で作成するには？
WordPressのステージングサイトを無料で作成するには、Duplicator Liteプラグインをインストールしてください。この無料ツールを使えば、本番サイトの完全なバックアップを構築することができます。次に、LocalWP、MAMP、WAMP、またはXAMPP（すべて無料ツール）を使ってステージング環境をセットアップします。
ステージングサイト用に新しいデータベースを作成します。次に、ステージングサイトのファイルをプルアップし、先ほどダウンロードしたアーカイブファイルとインストーラーファイルをアップロードします。
最後に、Duplicatorインストーラーウィザードを起動します。
詳しくは、ローカルWordPressインストールチュートリアルをご覧ください：
- ローカルにWordPressをインストールする方法 by Flywheel
- DockerにWordPressをインストールする方法
- MAMPにWordPressをインストールする方法
- WAMPにWordPressをインストールする方法
- XAMPPにWordPressをインストールする方法
- WordPreessをVagrantにインストールする方法
- ララゴンにワードプレスをインストールする方法
代替WP StagingプラグインもWordPressステージングサイトを構築するための無料ツールです。ワンクリックステージングやローカル開発サイトのパスワード保護などの拡張機能が必要な場合は、WP Stagecoachが人気のあるプレミアムステージングサイトプラグインです。
ステージングを日常業務の標準的な一部に組み込む
これで完了です！WordPressステージングサイトが完成しました。
ステージング環境を設定した以上、それをウェブサイト保守チェックリストの通常の手順として扱うことが重要です。
プラグインの更新やコードの変更時に「うまくいくことを願う」代わりに、裏側で安全にすべてを検証できるようになりました。このシンプルな習慣がブランドの評判を守り、訪問者が壊れたページに遭遇することを防ぎます。
プロのコツ：新しいテストを開始する前に、必ずステージングサイトを更新することを忘れないでください。ステージング環境が数ヶ月前の状態だと、現在の本番サイトで新しい変更がどのように動作するかを正確に反映しません。作業を始める前に、Duplicatorを使用してステージング領域を本番サイトの新しいコピーで素早く上書きしてください。
初めてのステージングサイトの構築を始めませんか？Duplicator Proを使えば、サブドメインやFTP、手動でのデータベース設定を一切必要とせず、あらゆるバックアップから独立したテスト環境を作成できます！
WordPressのチュートリアルはこちら：
