最高のWordPressバックアップ
& 移行プラグインを今すぐ入手しよう
デュプリケーターを今すぐ入手
WPメディアクリーンアップのお知らせ

[新着] WP Media Cleanupがメディアライブラリに隠れた未使用画像を削除

メディアライブラリの散らかりにうんざりしていませんか?WP Media Cleanupはサイトをスキャンし、不要な画像バリエーションを削除してサイトの効率を向上させます…
WordPressステージングサイト

WordPressステージングサイトの作り方(安全なテストのために) 

執筆者 著者アバター ジョエラ・ダン
著者アバター ジョエラ・ダン
ジョエラはWordPressで長年の経験を持つライターです。Duplicatorでは、基本的なバックアップから大規模な移行まで、サイトのメンテナンスを専門としています。彼女の最終的なゴールは、あなたのWordPressウェブサイトが安全で、成長できるようにすることです。
     レビュー レビュアーアバター ジョン・ターナー
レビュアーアバター ジョン・ターナー
ジョン・ターナーはDuplicatorの社長です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

新機能の開発に何時間も費やしたのに、本番のサイトが壊れてしまったという経験はないだろうか。

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

WordPressのステージングサイトを立ち上げるのは気が引けるかもしれませんが、ウェブサイトをスムーズに運営するための重要な要素です。公開前に変更を安全にテストできる場所です。

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

以下はその要点である:

  • ステージングサイトとは、本番サイトのプライベートなクローンであり、安全なテストと開発に使用されます。
  • ステージング環境を使用することで、新しいプラグイン、更新、またはコード変更が本番サイトをクラッシュさせるのを防ぎます。
  • Duplicatorのような移行プラグインを使用して、サブドメイン上に手動でステージングサイトを作成できます。
  • 多くのウェブホスト(BluehostやWP Engineなど)は、組み込みのワンクリックステージング環境を提供しています。

クイック・サマリー:WordPressステージング・サイトの作り方

1.ステージング・エリアを作る。
本番サーバー上にステージングサイトを設定することをお勧めします。多くのウェブホストではこれを代行してくれます。ただし、ステージングサイト用に新しいサブドメインを追加し、新しいデータベースを作成する必要があるかもしれません。
2.ライブウェブサイトをバックアップする。
Duplicatorはステージングサイトの構築に最適なツールです。Duplicatorでは、まずWordPressサイト全体をバックアップします。アーカイブとインストーラーの2つのファイルがダウンロードされます。
3.バックアップをステージングサイトにインポートする。
ステージングサイトのルートディレクトリにファイルがある場合は、削除してください。その後、Duplicatorのバックアップファイルをアップロードします。
4.インストールを終了します。
このURLを新しいブラウザウィンドウに貼り付けることで、Duplicatorのインストーラーウィザードを起動できます:https://subdomain.example.com/installer.php。新しいデータベースの詳細を入力し、Duplicatorがインストールを完了するまでお待ちください。

目次

WordPressステージングサイトとは?

WordPressのステージングサイトとは、本番サイトのコピー(クローン)です。このステージングサイトは、訪問者が公開閲覧できない点を除けば、本番サイトと完全に同一です。ステージングサイトで変更を加えても、本番のブログや中小企業サイトには影響しません。

なぜWordPressステージングサイトを作るのか?

ステージングサイトは、安全な環境で変更をテストするために使用されます。ウェブサイトを壊すことなく、更新、コーディングの微調整、完全な再設計を行うことができます。準備ができたら、これらの変更を本番で行うことができます。

あなたがブロガーであろうとeコマースウェブサイトのオーナーであろうと、ステージングサイトを作成することは有益です。リスクなしにウェブサイトを修正することができます。 

ライブサイトに大幅な変更を加える場合、意図せず機能が破損する可能性があります。その場合、バックアップからウェブサイトを復元する手順を踏む必要があります。 

ステージングサイトは、WordPressウェブサイトの安全網として機能します。

ファイル、デザイン、その他の要素を、見た目が完璧になるまで調整することができます。ステージングサイトは非公開のため、変更がSEOに影響することはありません。

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

WordPressのステージング・サイトを使用するのは、以下のような場合です。

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

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

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

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

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

ウェブサイト上で予期せぬエラーやバグが発生し、ユーザーエクスペリエンスが損なわれることがあります。問題を大きくすることなく安全にトラブルシューティングを行いたい場合は、ステージングサイトを利用しましょう。 

  • コードに基づく変更の実装

ステージング環境は、コードで遊んだり、新機能を試したり、サイトを安全に調整するためのテストサイトになる。 

  • ワードプレスサイトを作る前に

ウェブサイトを作成する前に、新しいステージングサイトを立ち上げることができます。ホスティングプランがあれば、WordPressウェブサイトを完全にデザインし、公開することができます。 

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

ステージングサイトの利点をご理解いただいたところで、おそらくご自身で構築したいとお考えでしょう。ご不安を解消するため、ステージングサイトの作成方法をステップバイステップでご説明します!

以下がその内容だ:

  • 方法1:Duplicatorのようなプラグインを使ってステージングサイトを作成し、完全にコントロールする。
  • 方法2:ワンクリックでセットアップできるホスティング機能を組み込んだステージングサイトを作成する
  • ステージング環境を保護するセキュリティのベストプラクティス
  • ステージングから本番環境への変更のデプロイ方法

方法1.プラグインを使ってWordPressステージングサイトを作成する

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

ここでは、そのプロセスを簡単に紹介しよう:

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

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

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

開始するには、WordPressホスティングアカウントのダッシュボードを開きます。このチュートリアルでは、Bluehostを使用します。ドメイン " サブドメイン " サブドメインを追加します

Bluehostはステージングサブドメインを追加

サブドメインの名前をStagingにしてAdd Subdomainをクリックします。

ステージング・サイトのサブドメイン

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

ステップ2:WordPressクローンプラグインをインストールする 

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

そのためには、Duplicator Proをインストールすることをお勧めする。このプラグインは数秒でウェブサイトのコピーを作成するので、クローン作成、移行、バックアップに便利です。

Duplicator Pro プラグイン

Rock Lobster WebdesignがDuplicatorでステージングサイトを設定することで、どのようにデザイン効率を向上させているかをご覧ください!

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

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

ライセンスキーを有効化する必要があります。Duplicator Pro » 設定に移動し、ライセンスキーを貼り付けてください。

Duplicatorのライセンスキーを有効にする

「有効化」をクリックしてください。これでウェブサイトのコピーを作成し、簡単にステージングサイトへ移動できるようになります!

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

Duplicatorを使えば、ライブウェブサイトのコンテンツ、WordPressファイル、プラグイン、テーマ、データベーステーブルを1つのバックアップファイルに簡単にまとめることができます。そして、このデータをすべてステージングサイトに移動することができます。

デュプリケーターで、バックアップ " 新規追加

デュプリケーターで新しいバックアップを追加

後で簡単に見つけられるように、バックアップに名前を付けます。次に、Nextをクリックします。

デュプリケーター・バックアップの第一歩

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

デュプリケーターバックアップスキャン

続行するには、[バックアップの作成] を選択してください。

完了したら、再度「バックアップ」ページを開きます。作成したばかりのバックアップの横にある「ダウンロード」»「両方のファイル」をクリックしてください。

バックアップファイルのダウンロード

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

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

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

ウェブサイトのクローンをダウンロードしたら、ステージングサイトにアップロードしましょう。

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

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

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

ステージングファイルのアップロード

ステージング・エリアにウェブサイトをクローンしたところです!

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

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

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

MySQLデータベース

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

MySQLデータベースの作成

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

MySQLユーザーの作成

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

ユーザーをデータベースに追加する

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

ステップ6:ライブデータのインポート完了

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

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

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

デュプリケーター・インストーラー

次にValidateボタンを押してください。利用規約に同意する前に、必ず注意事項を確認してください。

インポート検証

インストールが完了したら、ステージングサイトにログインしてください。

ウェブサイトクローンログイン

管理者ログインをクリックして、本番サイトのクローン版の編集を開始します!

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

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

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

Bluehostディレクトリのプライバシー

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

WordPressステージングサイトをパスワードで保護

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

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

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

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

BluehostSiteGroundWP Engineでステージングサイトを構築する方法を紹介します。別のウェブホストをお使いの場合は、そのホストにステージング機能が組み込まれているかどうかを確認する必要があります。

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

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

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

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

必要なときはいつでも、本番サイトからステージング・エリアに切り替えることができる。

Bluehostオープンステージングサイト

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

Bluehostステージングダッシュボード

ライブサイトに影響を与えることを心配することなく、任意の変更を続行します。配置する準備ができたら、Bluehost " Stagingに向かい、Deploy All Changesをクリックします。

Bluehostのデプロイステージング変更

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

SiteGroundのユーザーであれば、まずホスティングコントロールパネルにログインします。ウェブサイト]タブをクリックし、[サイトツール]をクリックします。

SiteGroundサイトツール

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

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

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

サイトグラウンドのステージング保護

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

SiteGroundステージングログイン

ステージングの変更を本番のウェブサイトにプッシュするには、コントロールパネルのこのページに戻ってください。三点アイコンをクリックし、フルデプロイをクリックします。

SiteGroundがステージングをライブにデプロイ

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

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

WPエンジンのサイト

次に、Add Stagingをクリックする。

WPエンジンがステージングサイトを作成

オプション一覧から、既存の環境をこのサイトにコピーするを選択します。複製したい本番サイトを選択してください。

WPエンジンコピープロダクションサイト

ステージング・サイトに名前を付ける。Environment typeが Stagingであることを確認する。

WPエンジン名ステージングサイト

ステージングサイトを作成したら、パスワード保護を追加してください。ステージングに移動し、鍵のアイコンをクリックするだけです。

WPエンジンのステージング保護

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

WP Engineステージングパスワード

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

WP Engineステージングログイン

変更をプッシュする準備ができたら、Copy environmentをクリックする。

WP Engineによるステージングサイトのデプロイ

最後に、ステージングサイトをソース環境として選択します。デスティネーション環境は本番サイトであるべきです。

WP Engineプッシュステージング・ライブ

よくある質問 (FAQ)

本番前にWordPressサイトをテストするには?

本番稼動する前に、ステージング環境でWordPressサイトをテストすることをお勧めします。ステージングサイトを使えば、コードの実装、ソフトウェアのインストール、アップデートを安全に行うことができます。準備ができたら、ステージングサイトをライブサーバーにプッシュするだけです。 

プロダクション・サイトとステージング・サイトの違いは何ですか?

本番サイトは、オンライン訪問者に表示される本番サイトです。ステージングサイトは、本番サイトに影響を与えることなく変更を実行できるテスト環境です。 

ステージングサイトの作成にはどのくらい時間がかかりますか?

ステージングサイトの作成にかかる時間は、選択する方法によって異なります。マネージドWordPressホスティング会社の中には、ワンクリックですぐに新しいステージングサイトを作成できるステージング機能を内蔵しているところもあります。あるいは、Duplicatorのようなプラグインをインストールし、ウェブサイトをステージングエリアにクローンするのに数分かかります。 

ウェブサイトをステージングからプロダクションに移行するにはどうすればよいですか?

Duplicator Proでステージングサイトのバックアップを作成することで、ウェブサイトをステージングから本番に移行することができます。その後、本番サイトにDuplicatorをインストールし、バックアップのアーカイブファイルをインポートボックスにドラッグ&ドロップします。 

Duplicatorでバックアップをインポート

バックアップをインポートするには、「Continue」を押します。

バックアップのインストールを続ける

セキュリティ対策として、ディザスタリカバリポイントの設定を検討してください。基本的には、本番サイトの以前のバックアップを選択し、何か問題が発生した場合に復旧できるようにします。

バックアップを選択し、Setを押してください。この後、URLをコピーするか、ランチャーをダウンロードして、素早く簡単にリカバリーできます。

移行前の災害復旧ポイント

次に、ページの一番下までスクロールします。Launch Installerをクリックします。

デュプリケーターのインストーラーを起動する

Duplicator インストーラで、単一サイトをフルインストールして本番サイトを上書きするを選択します。

インストールタイプ

また、インストールに影響するかどうかを確認するために、通知を確認する必要があります。その後、規約と注意事項に同意し、Nextをクリックします。

最後に、ポップアップを使用して、インストールを続行することを確認します。

インストール確認

これにより、ステージングサイトの変更が自動的にライブサイトにプッシュされます!

WordPressでステージングサイトを無料で作成するには?

WordPressのステージングサイトを無料で作成するには、Duplicator Liteプラグインをインストールしてください。この無料ツールを使えば、本番サイトの完全なバックアップを構築することができます。次に、LocalWP、MAMP、WAMP、またはXAMPP(すべて無料ツール)を使ってステージング環境をセットアップします。

ステージングサイト用に新しいデータベースを作成します。次に、ステージングサイトのファイルをプルアップし、先ほどダウンロードしたアーカイブファイルとインストーラーファイルをアップロードします。

MAMPアップロード Duplicatorパッケージ

最後に、Duplicatorインストーラーウィザードを起動します。

詳しくは、ローカルWordPressインストールチュートリアルをご覧ください:

代替WP StagingプラグインもWordPressステージングサイトを構築するための無料ツールです。ワンクリックステージングやローカル開発サイトのパスワード保護などの拡張機能が必要な場合は、WP Stagecoachが人気のあるプレミアムステージングサイトプラグインです。

ステージングを日常業務の標準的な一部に組み込む

これで完了です!WordPressステージングサイトが完成しました。

ステージング環境を設定した以上、それをウェブサイト保守チェックリストの通常の手順として扱うことが重要です。

プラグインの更新やコードの変更時に「うまくいくことを願う」代わりに、裏側で安全にすべてを検証できるようになりました。このシンプルな習慣がブランドの評判を守り、訪問者が壊れたページに遭遇することを防ぎます。

プロのコツ:新しいテストを開始する前に、必ずステージングサイトを更新することを忘れないでください。ステージング環境が数ヶ月前の状態だと、現在の本番サイトで新しい変更がどのように動作するかを正確に反映しません。作業を始める前に、Duplicatorを使用してステージング領域を本番サイトの新しいコピーで素早く上書きしてください。

ステージングサイトの準備はできましたか?ダウンタイムなしでライブのウェブサイトをステージングサイトに移行するDuplicator Proをお試しください!

WordPressのチュートリアルはこちら:

著者アバター
ジョエラ・ダン コンテンツライター
ジョエラはWordPressで長年の経験を持つライターです。Duplicatorでは、基本的なバックアップから大規模な移行まで、サイトのメンテナンスを専門としています。彼女の最終的なゴールは、あなたのWordPressウェブサイトが安全で、成長できるようにすることです。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。