HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

ウェブサイトに変更を加えたものの、後から「やっぱり失敗だった…」と後悔したことはありませんか?

サイトに修正を加えてみたものの、思っていたほど良くなかったり、サイトが壊れてしまったりするのは悪夢のような体験です。変更前の状態に復旧させる方法を探すだけでなく、壊れたサイトを修理しなければならないかもしれません。さらに、変更作業にかけた時間に加えて、ロールバック(巻き戻し)にも時間を費やすことになります。

この苦痛は私たちもよく知っています。誰もが一度は経験したことがあるはずです。

本番サイトに変更を加える前に、事前にテストできたら素晴らしいと思いませんか?まさにそれを実現してくれるのが「ステージング環境」です。

ステージングサイトとは、本番サイトの複製です。本番サイトにリスクを与えることなく、安全なテスト環境を提供してくれます。

この記事では、WordPressサイト用のステージングサイトを作成する方法を詳しくご紹介します。

要約:ステージングサイトを作る方法はいくつもありますが、最も簡単なのはBlogVaultのようなステージング対応プラグインをダウンロードしてインストールすることです。ボタンをクリックするだけでステージングサイトを作成でき、さらにその後の変更も、ワンクリックでステージングサイトから本番サイトへ反映(プッシュ)できます。

WordPressのステージング環境とは?

ステージング環境とは、簡単に言えば本番サイトの複製です。テストの実行や変更の実験を行うために使われます。

WordPressのステージングサイトが役立つのは、次のようなケースです。

  1. サイトを更新したいとき。サイト全体や単一のプラグインを更新すると、互換性の問題が発生してサイトが壊れることがあります。
  2. 新しいテーマや新しいプラグインを試したいとき。
  3. レイアウト、画像、デザインの変更など、サイトへの大規模な変更を行いたいとき。
  4. 本番サイトで発生している問題のトラブルシューティングをしたいとき。本番サイト上で直接調査すると、さらなる問題を引き起こし、訪問者の体験にも影響しかねません。

WordPressのステージング環境は非常に便利ですが、デメリットも存在します。次のセクションでは、WPステージング環境を使うメリットとデメリットを見ていきましょう。

ステージング環境を使うメリット

  1. 本番サイトを壊すリスクなしに、サイト上で実験できます。
  2. 更新を実行しても、互換性の問題が起きないか確認できるため、本番サイトを危険に晒さずに済みます。
  3. ステージング環境を使えば、メンテナンスモードにせずとも、サイトを悩ませる重大な問題の原因を突き止められます。
  4. ステージングサイトはバックアップの検証にも役立ちます。特定の時点のバックアップからサイトを復元したいとき、ステージングサイトを使えばどのバックアップが正しいかを特定できます。さらに、そのバックアップが正常に動作するコピーかどうかの確認にも使えます。

ステージング環境を使うデメリット

  1. ステージングサイトの作成には追加のコストが必要です。ホスティング業者によっては有料オプションとして提供されていたり、ステージング系プラグインの中には有料サービスだったりします。
  2. ステージング環境のセットアップは複雑で時間がかかる場合があります。
  3. また、ステージングサイトから本番サイトへの変更反映にも時間がかかります。変更箇所が多すぎたり複雑だったりすると、自分がどんな修正をしたのか忘れてしまう可能性も高いでしょう。

重要:ステージングサイトの利用には課題がありますが、それらは克服可能です。たとえばBlogVaultのような無料でステージング機能を提供するプラグインもあります。ボタンをクリックするだけで簡単にステージング環境を作成し、ステージングサイトから本番サイトへ変更を反映できます。

WordPressでステージング環境を作る方法

WordPressでステージング環境を作成する方法は主に3つあります。

i. WordPressプラグインを使う方法(簡単)
ii. レンタルサーバーの機能を使う方法(簡単)
iii. 手動で作成する方法(難しい)

以下、すべての方法を順番にご紹介しますので、ご自身にとって都合のよい方法を選んでください。

i. WordPressプラグインでステージングサイトを作る

先ほど触れたように、ステージング系プラグインには有料サービスばかりでなく、BlogVaultのように無料で利用できるものもあります。ここではBlogVaultプラグインを使ったステージング方法をご紹介します。手順の説明に入る前に、BlogVaultが優れた選択肢である理由をいくつか挙げておきます。

  • 多くのステージング系プラグインは、あなたのサイトのサーバーにステージングサイトを保存します。その結果、サーバーに負荷がかかり、サイトが遅くなります。一方BlogVaultは、自社のサーバーにWordPressステージングサイトを保存します。
  • キャッシュ系プラグインと相性が悪いステージング系プラグインも少なくありません。ステージングサイトではキャッシュのクリアが不可欠です。キャッシュが残っていると、加えた変更を正しくプレビューできないからです。BlogVaultはキャッシュ系プラグインとの問題がありません。
  • 驚くことに、マルチサイトに対応していないステージング系プラグインもあります。しかしBlogVaultはマルチサイトのステージングにも安心して対応できます。

それでは、実際にプラグインでステージングサイトを作ってみましょう。

1. BlogVaultプラグインをダウンロードしてインストールします。インストール直後から、自動的にサイトのバックアップが開始されます。

2. 処理が完了したら、「View Site Details(サイト詳細を表示)」をクリックします。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

3. 新しいページに移動すると「Staging(ステージング)」セクションがあります。その中の「Add Staging(ステージングを追加)」をクリックしてください。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

BlogVaultがステージングサイトを作成するまで数分かかります。

4. ステージングサイトにアクセスするには、「Visit Staging Site(ステージングサイトを表示)」をクリックします。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

5. すべてのステージングサイトはパスワードで保護されているため、あなた本人や認証情報を共有した人以外はアクセスできません。ステージング環境に入るにはユーザー名とパスワードが必要です。ユーザー名とパスワードは、「Visit Staging Site」ボタンがあった同じページに表示されています。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

ステージングサイトで作業を終えたら、加えた変更を本番サイトにも反映したいはずです。手作業で行う必要はありません。ステージングサイトと本番サイトを統合(マージ)すればOKです。BlogVaultなら、変更内容を本番サイトへプッシュできます。手間も時間も節約できます!

次のセクションで、具体的なやり方をご紹介します。

→ ステージングサイトと本番サイトの統合(マージ)

BlogVaultを使えば、ステージングサイトと本番サイトの統合はとても簡単です。以下の手順に従ってください。

1. BlogVaultのダッシュボードにログインし、「Staging(ステージング)」セクションへ移動します。

2. 「Merge(マージ)」を選択すると、ステージングサイトが本番サイトと統合されます。BlogVaultでは、本番サイトへプッシュする変更を選択することも可能です。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

数分以内に、ステージングサイトで加えたすべての変更が本番サイトに反映されます。

WordPressステージング系プラグインについてさらに詳しく知りたい方は、厳選した「おすすめWordPressステージングプラグイン」のガイドもぜひチェックしてみてください。自分に合ったプラグイン選びがぐっと楽になりますよ。

ii. レンタルサーバーの機能でステージングサイトを作る

多くのホスティングサービスがステージング機能を提供しています。SiteGroundやBluehostなど、月額20ドルからの上位プランに加入していれば、ステージングサイトを利用できます。また、WP Engine、Flywheel、Kinstaといった人気ホスティング業者は、全プランでステージング機能を提供しています。

このセクションでは、人気のWordPressホスティング会社2社を例に、ステージングへのアクセス方法をご紹介します。

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

注意:上記のWordPressホスティング業者を利用していない場合でも、以下の手順を参考にすれば、ご自身のホスティング会社でステージングサイトを作成する流れをつかめるはずです。

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

サイトがBluehostでホストされている場合は、以下の手順でBluehostのステージング機能を利用できます。

→ Bluehostでサイトをステージングするには、まずWordPressサイトにログインします。

→ ダッシュボードのメニューから「Staging(ステージング)」オプションを選択します。

→ 次のページで「Create Staging Site(ステージングサイトを作成)」を選ぶと、Bluehostが使用可能なWordPressステージングサイトを作成してくれます。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

→ ステージング済みのWordPressサイトにアクセスするには、「Go to Staging Site(ステージングサイトへ移動)」を選択します。あとは普段使いのWordPressログイン情報でステージング環境に入れます。

Bluehostのステージングサイトと本番サイトの統合

ステージングサイトで変更作業を終えたら、その変更を本番サイトへ反映しましょう。以下の手順で行います。

→ WordPressダッシュボードから「Staging(ステージング)」を選択します。

→ 次のページで、ファイルのみ/データベースのみ/両方のどれをマージするかを選択できます。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

いずれかのオプションを選ぶと、Bluehostがステージングサイトと本番サイトの統合を開始します。

2. Kinstaでステージングサイトを作成する

サイトがKinstaでホストされている場合は、以下の手順でKinstaのステージング機能を利用できます。

→ Kinstaのホスティングアカウントにログインし、ステージングしたいサイトを選択します。

→ 次に「Staging Environment(ステージング環境)」というオプションを見つけてクリックします。

→ 次のページで「Staging > Create A Staging Environment(ステージング > ステージング環境を作成)」を選択します。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

→ ステージングサイトの準備が整ったら、「Domain(ドメイン)」セクションに移動すると環境のURLを確認できます。

Kinstaのステージングサイトと本番サイトの統合

ステージングサイトで加えた変更を本番サイトへ反映するには、以下の手順に従います。

→ Kinstaダッシュボードにログインし、ステージングサイトを選択します。

→ 次に「Staging Environment > Push Staging to Live(ステージング環境 > ステージングを本番へプッシュ)」を選択します。

これだけです。Kinstaがステージングサイトと本番サイトを統合してくれます。

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

ステージングサイトを手動で作成するのは、非常に時間がかかり複雑なプロセスです。だからこそ手動でのステージングはおすすめしません。それだけでなく、ステージングから本番サイトへ変更を反映する簡単な方法もなく、変更を手動で再現する必要があります。

重要:それでも手動の方法を試したい場合は、必ずサイトの完全なバックアップを取ってください。手動方式ではWordPressのファイルやデータベースを直接扱います。操作中にミスをすると、サイトが壊れてしまう恐れがあります。

手動プロセスは、以下のステップで構成されます。

  1. ステージングサイトとして機能するサブドメインを作成する
  2. 本番サイトからファイルとデータベースをダウンロードする
  3. 同じファイルとデータベースをサブドメイン(ステージングサイト)へアップロードする

1. ステージング用サブドメインを作成する

サブドメインは、お使いのホスティング業者経由で作成できます。

→ ホスティングアカウントにログインし、「cPanel」へ移動して「Subdomain(サブドメイン)」を選択します。

→ 次のページでサブドメインを作成し、「staging」という名前を付けます。サブドメインの作り方がわからない場合は、ホスティング業者のヘルプドキュメントで作成手順を確認してください。

参考:Bluehostのガイド「How to Create a Subdomain?(サブドメインの作り方)」、Kinstaのガイド「How Do I Add a Domain to a Site?(サイトへのドメイン追加方法)」などが役立ちます。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

2. 本番サイトからファイルとデータベースをダウンロードする

WordPressサイトは「ファイル」と「データベース」で構成されています。両方をダウンロードする必要があります。目的は、それらをサブドメインにアップロードし、あなたのサイトを複製してWordPressステージング環境として機能させることです。

i. ファイルをダウンロードするには、以下の手順に従います。

FileZillaやCyberDuckのようなFTPソフトをインストールして起動します。このソフトを使えば、WordPressのファイルにアクセスしてPCにダウンロードできます。

→ PCにインストールしたらソフトを開きます。サイトに接続してWordPressファイルを取得するために、「ホスト名・ユーザー名・パスワード」の入力を求められます。

これらの認証情報を持っていない場合は、ホスティング業者に連絡して入手してください。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

→ 接続が確立されると、「リモートサイト(Remote site)」欄にWordPressのファイルが表示されます。

→ リモートサイト欄で「public_html」というフォルダを見つけます。フォルダを右クリックして「Download(ダウンロード)」を選択すると、WordPressのファイルがPCにダウンロードされます。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

ii. データベースをダウンロードするには、以下の手順に従います。

→ ホスティングアカウントにログインし、「cPanel」へ移動して「phpMyAdmin」を選択します。

→ 次に「Export(エクスポート)」を選びます。「Export Method(エクスポート方法)」で「Quick(簡易)」を選択し、「Go(実行)」を押します。

WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説

これでWordPressデータベースがPCにダウンロードされます。

3. ファイルとデータベースをサブドメインへアップロードする

ファイルとデータベースの両方をPCに保存できたら、今度はそれらをサブドメイン「staging」へアップロードします。

前述のとおり、このサブドメインがステージングサイトとして機能し、ここでテストや変更作業を行います。

→ FTPソフトを開き、サイトに接続していることを確認します。先ほど示したように、右側にはサイトのファイルが表示される「リモートサイト(Remote site)」欄があり、左側にはPC内のファイルが表示される「ローカルサイト(Local site)」欄があります。

カスタムドメイン(staging)は「リモートサイト」欄にあり、ダウンロード済みのファイルとデータベースは「ローカルサイト」欄にあります。

やるべきことは、ファイルとデータベースをサブドメインのフォルダへアップロードすることです。

i. ファイルのアップロード
  • ファイルとデータベースをPC上の一つのフォルダにまとめます。ここでは例として「Live site files」という名前を付けます。
  • 次に、サブドメインフォルダ「staging」を選択します。
  • ローカルサイト欄へ移動し、「Live site filesフォルダを右クリック」して「Upload(アップロード)」を選択します。これでフォルダがstaging(サブドメイン)へアップロードされます。
WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説
  • 新しいステージングサイトのURLは、ホスティングアカウントで確認できます。アカウントにログインし、「cPanel」へ移動して「Domain > Subdomains(ドメイン > サブドメイン)」を選択してください。
ii. データベースのアップロード

データベースをアップロードするには、まずサブドメイン「staging」用のデータベースを作成する必要があります。

  • ホスティングアカウントにログインし、cPanelへ移動して「Databases(データベース)」から「MySQL Databases」を選択します。
  • 次に「Create New Database(新規データベース作成)」欄にデータベース名を入力し、「Create Database(データベースを作成)」を押します。
WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説
  • 次に、データベースを使用できるようにするための新しいデータベースユーザーを作成します。データベースを作成したページを下にスクロールすると、MySQLユーザーを作成できるセクションがあります。
WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説
  • データベースとユーザー名の準備ができたら、新しいデータベースがサブドメインに接続されていることを確認します。FTPソフトを開き、リモートサイト欄で「public_html > staging」へ移動します。stagingフォルダ内にある「wp-configファイル」を右クリックして「Edit(編集)」を選びます。
WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説
  • このファイルには以前のデータベース情報(データベース名・ユーザー名・パスワード)が記載されているので、それらを今作成したデータベースの情報に置き換えます。
WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説
  • 次に、ステップ2でダウンロードしたデータベースを新しいデータベースへアップロードします。
  • cPanel」に戻り「phpMyAdmin」を選択します。新しいデータベースが表示されているはずです。それを選択し、「Import(インポート)」セクションへ移動します。
  • PCからデータベースをアップロードすれば完了です。
WordPressステージング環境の作り方完全ガイド|プラグイン・レンタルサーバー・手動の3つの方法を徹底解説
  • 繰り返しになりますが、新しいステージングサイトへのリンクはホスティングアカウントで確認できます。アカウントにログインし、「cPanel」へ移動して「Domain > Subdomains」を選択してください。

手動ステージングサイトと本番WordPressサイトの統合

新しいWordPressステージング環境で変更作業を終えた後も、ステージングサイトと本番サイトを簡単に統合する方法はありません。本番サイト上で変更内容を手動で再現する必要があります。

以上が、WordPressステージング環境の作成方法です。

まとめ

サイトをステージングする方法はいくつもありますが、最も簡単でコストを抑えられるのはプラグインの活用です。手動の方法と違い、BlogVaultのようなプラグインを使えば、サイトを壊してしまうリスクもありません。

今すぐBlogVaultステージングを試してみよう!

  1. WordPress サイトからマルウェアを削除する方法 (マルウェア クリーンアップ ガイド)

    Web サイトでハッキングや不審なアクティビティが疑われる場合、神経をすり減らす経験になる可能性があります。確実にわかるまで、理由も解決策も特定できません。 WordPress サイトからマルウェアを削除する方法について知りたい ? ご心配なく。WordPress からマルウェアを駆除し、原因を特定して、今後のトラブルを回避するお手伝いをいたします。 まず、ウェブサイトをスキャンします。 スキャンにより、ワードプレス サイトがマルウェアに感染しているかどうかが確認されます。マルウェア攻撃が時間内に特定されない場合、WordPress サイトに大混乱をもたらす可能性がある

  2. WordPress のファイル構造とデータベースを理解するための初心者向けガイド

    通常、WordPress のファイル構造について気にする必要はありません。 . WordPress には優れた wp-admin インターフェースがあり、エンジンが内部でどのように機能するかを知らなくても、サイトの運営に集中できます。 ただし、サイトの要点を知っておくと役立つ場合があります。これは、予期しない問題が発生した場合に特に当てはまります。 、およびすべてのヘルプは、特定の WordPress ファイルの変更またはデータベース内の値のリセットについて説明しています。 問題が発生していなくても、バックアップやセキュリティについて調べている可能性があります。コア ファイルとデータベ