WordPress Playground: WordPress サンドボックス サイトの作成方法

公開: 2024-10-26

開発者やサイト所有者が、実際の Web サイトに触れることなく、新しいプラグイン、テーマ、更新をテストする様子を以前にも見たことがあります。彼らは WordPress サンドボックス サイトを使用しています。これは、公開前にサイトを構築、破壊、完成させるための安全で隔離された環境です。

作成方法に関するステップバイステップのガイドをお探しの場合は、そのまま読み続けてください。オンライン ツール、ローカル セットアップ、ホスティング ベースのステージング サイトのいずれを好む場合でも、あらゆる方法を説明します。最終的には、ライブサイトに対するリスクをゼロにしながら、WordPress プロジェクトをテスト、調整、最適化できる完全に機能するサンドボックスが完成します。

WordPress サンドボックス サイトを作成するさまざまな方法

サンドボックス サイトをセットアップするにはいくつかの方法があり、それぞれの方法に長所と短所があります。最も効果的な方法をいくつか説明しましょう。

オンラインWordPressサンドボックスツール

サンドボックスを最も速く簡単に作成したい場合は、オンライン ツールが最適な選択肢です。これらのプラットフォームを使用すると、完全に機能する WordPress サイトを数秒で起動できます。最も人気のあるオプションは、WordPress Playground、InstaWP、および TasteWP です。

ソフトウェアをインストールしたり、複雑なセットアップを行ったりする必要はありません。ツールの Web サイトにアクセスし、ボタンをクリックするだけで、サンドボックスの準備が整います。

これらのツールは、独自のサーバー上に一時的な WordPress 環境を作成することで機能します。サンドボックス サイトにアクセスできる一意のリンクが提供されます。すべてがクラウドベースであるため、インターネット接続があればどのデバイスからでもサイトにアクセスできます。

たとえば、WordPress Playground は、ブラウザ内で完全に実行される WordPress の公式ツールです。

何もダウンロードせずに、テーマ、プラグイン、コードをその場でテストできます。

この方法は、簡単な実験のために一時的なテスト サイトが必要な場合に最適です。ただし、無料のオンライン サンドボックス ツールの多くには時間制限があります。たとえば、有料プランにアップグレードしない限り、サイトは24 時間後に期限切れになる可能性があります。それでも、1 回限りのテストの場合、これは利用できる最も簡単な方法の 1 つです。

コンピューター上でのローカル開発

サンドボックスを完全に制御したい場合は、コンピューター上にローカル開発環境をセットアップすることが確実な選択肢です。この方法は外部サーバーに依存せず、すべてが自分のマシン上で正しく実行されます。

LocalWP、XAMPP、WAMP、MAMPなどのツールを使用すると、ライブ サイトと同じように動作するローカル WordPress サイトを作成できます。

仕組みは次のとおりです。

LocalWP などのツールを使用すると、基本的にコンピューター上にミニ Web サーバーが作成されます。これにより、WordPress をローカルにインストールして実行できるようになります。

ローカルサーバーが起動して実行されたら、ライブサイトの場合と同様に、WordPress をインストールします。その後、インターネット接続を必要とせずに、テーマ、プラグイン、コードの変更を試すことができます。

ローカル設定を使用する最大の利点の 1 つは、それがプライベートであることです。あなた以外には誰もアクセスできません。オンラインツールとは異なり、時間制限もありません。さらに、バージョン管理(Git)などの開発者ツールを使用して変更を追跡できます。これは、カスタム機能をコーディングする場合に不可欠です。

ただし、すべてがコンピューターに保存されるため、後でサンドボックスをライブ サイトに移動する場合は、バックアップを作成する必要があります。ソフトウェアのインストールにも対処する必要がありますが、初心者にとっては難しいかもしれません。ただし、完全に制御したい場合は、ローカルの方法が無敵です。

ホスティング アカウントのサブドメインまたはサブディレクトリ

すでに Web ホスティングを行っている場合は、自分のホスティング アカウントに直接サンドボックス サイトを作成できます。これを行う最も簡単な方法は、サブドメインまたはサブディレクトリを設定することです。

サブドメインはメイン ドメインの下に別の Web サイトを作成するようなもの(sandbox.yourdomain.com など)、サブディレクトリはメイン サイト内のフォルダー(yourdomain.com/sandbox など)です。

「ほとんどのホスティング プロバイダーでは、cPanel や Plesk などのコントロール パネルから数回クリックするだけでサブドメインやサブディレクトリを作成できます」と Outreaching.io のリンク構築エキスパートである Hamza G 氏は説明します。 「サブドメインを設定したら、実際のサイトと同じように WordPress をインストールできます。このアプローチは、メインの Web サイトに影響を与えることなく、コンテンツ戦略をテストし、プラグインを試し、SEO 設定を最適化するための安全で隔離された環境を提供するため、リンク構築代理店にとって特に価値があります。」

この方法はシンプルであり、新しいソフトウェアをダウンロードしたり、追加サービスに料金を支払ったりする必要がないため、人気があります。既存のホスティング アカウントを使用しているため、すべてが 1 か所に留まります。メイン サイトと同様に、Web ホストのファイル マネージャーまたは FTP を使用してファイルを管理できます。

ホスティングプロバイダーのステージング環境

よりプロフェッショナルなオプションをお探しの場合は、多くのプレミアム Web ホストがホスティング プランの一部として「ステージング環境」を提供しています。 SiteGround、Kinsta、WP Engine などのプロバイダーを使用すると、ワンクリックでサンドボックス サイトを作成できます。

また、ステージング サイトはライブ サイトから 100% 分離されているため、ライブにプッシュする前に、変更を加えたり、新機能をテストしたり、機能がどのように機能するかを正確に確認したりできます。

Sprung Gym Flooring の CEO 兼マネージング ディレクターである Richard McKay 氏は次のように付け加えています。「ステージング サイトを使用すると、ホスティング プロバイダーがライブ サイト全体を複製し、安全な隠された環境に置きます。これは、WordPress コアファイルの更新、ページの再デザイン、主要なプラグインのテストなど、大きな変更を加えるのに最適です。変更に満足したら、ワンクリックで変更をライブサイトに「プッシュ」できます。」

このオプションは、すでに WordPress ホスティングを管理している Web サイト所有者に最適です。このプロセスはシンプルかつ迅速であり、ローカル サーバーをインストールしたり、サードパーティ ツールにサインアップしたりする必要はありません。また、ステージング環境はライブ サイトから完全に分離されているため、最も安全な方法の 1 つです。

ただし、通常はプレミアム ホスティング プランでのみ利用できます。予算に優しいホスティング プロバイダーはステージング サイトを提供していない場合や、その機能に追加料金を請求する場合があります。ただし、すでにマネージド WordPress ホスティングの料金を払っている場合は、このオプションには一銭も払う価値があります。

WordPress サンドボックス サイトを作成する方法

WordPress サンドボックス サイトの作成は大変な作業ですが、実際は思っているよりも簡単です。テクノロジーの天才やコーディングの専門家である必要はありません。以下の手順に従ってください。

ステップ 1: サンドボックス方式を選択する

最初のステップは、サンドボックスの作成にどの方法を使用するかを決定することです。これは、どの程度の制御が必要か、およびサイトの準備をどの程度早く行う必要があるかによって異なります。

主なオプションは次のとおりです。

  • オンライン ツール (WordPress Playground や InstaWP など):迅速な一時的なテストに最適です。
  • ローカル開発 (LocalWP または XAMPP を使用):完全な制御とプライバシーに最適です。
  • ホスティング アカウントのサブドメイン:すでに Web ホスティングを持っている場合に最適です。
  • Web ホストからサイトをステージングする:ホスティング プロバイダーがサポートしている場合は最も簡単です。

迅速かつシンプルなものが必要な場合は、オンライン ツールから始めてください。より永続的なテストスペースが必要な場合は、ローカル開発またはホスティングプロバイダーのステージングサイトを利用してください、とマットレスネクストデイのCEO、マーティン・シーリー氏は言います。

ステップ 2: 環境をセットアップする

方法を決定したら、実際のサンドボックスを作成します。プロセスは、選択したオプションによって異なります。

オプション 1: オンライン ツール (最速の方法)

  • WordPress Playground に移動し、「Explore Playground」ボタンをクリックします。
  • ツールがサンドボックス サイトを作成するまで数秒待ちます。
  • サイトにアクセスできる固有の URL を取得します。

それでおしまい。これで完了です。ダウンロードやセットアップは必要ありません。クリックするだけで準備完了です。このオプションは、プラグインを試したり、何かをすばやくテストしたい場合に最適です。

オプション 2: ローカル開発 (より詳細な制御、インターネットは不要)

  • LocalWP (以前は Local by Flywheel) をコンピュータにダウンロードしてインストールします。
  • アプリを開き、「新しいサイトを作成」をクリックします。
  • プロンプトに従ってサイトに名前を付け、好みの WordPress バージョンを選択します。
  • LocalWP がコンピューター上にローカル WordPress サイトを作成するまで待ちます。
  • LocalWP ダッシュボードの [サイトを表示] ボタンをクリックしてサイトにアクセスします。

これで、コンピュータ上に完全な WordPress サイトが完成しました。オフラインで動作するため、インターネット接続は必要ありません。テーマを編集したり、プラグインをインストールしたり、カスタマイズしたりすることができます。唯一の問題は、後でサイトを本番環境に移行する場合は、Duplicator などのツールを使用する必要があることです。

Tradeit の CMO である Noam Friedman 氏は次のように付け加えています。「WordPress サンドボックスは、ユーザー エクスペリエンスの最適化を目指すゲーム Web サイトにとって非常に貴重です。ライブ サイトの機能を損なうことなく、ビジュアル要素、パフォーマンス設定、リーダーボードやチャット プラグインなどの統合をテストするための安全なスペースを提供します。このアプローチにより、視聴者の共感を呼ぶ洗練された最終製品が保証されます。」

オプション 3: ホスティング アカウントのサブドメイン (継続的な使用に最適)

  • ホスティング コントロール パネル (cPanel や Plesk など) にログインします。
  • 「ドメイン」または「サブドメイン」オプションを探します。
  • 新しいサブドメイン (sandbox.yourdomain.com など) を作成します。
  • ホストのワンクリック インストーラーを使用して、サブドメインに WordPress をインストールします。
  • 新しい WordPress サイトにログインし、テストを開始します。

この方法により、実際のサイトと同じように動作する実際のオンライン環境が得られます。長期的なテストには最適ですが、サーバー リソースをメイン サイトと共有することに注意してください。

オプション 4: ステージング環境 (ホストが提供する場合、最も簡単)

  • ウェブホスティングアカウント（SiteGround、Kinsta、WP Engineなど）にログインします。
  • ホスティング ダッシュボードで「ステージング」オプションを探します。
  • 「ステージング サイトの作成」または「サイトをステージングにコピー」をクリックします。
  • ライブ サイトが別のステージング環境にコピーされるまで待ちます。
  • 新しいステージング サイトにログインし、変更を開始します。

これは、すべてが自動的に処理されるため、最も簡単なオプションの 1 つです。 Web ホストはサイトをコピーし、安全なテスト環境に隔離します。テストが完了したら、ワンクリックで変更をライブサイトに「プッシュ」できると、JuicyLlama の創設者 Andy Slack が説明します。

ステップ 3: WordPress をインストールする

オンライン ツールまたはステージング サイトを使用している場合、WordPress はすでにインストールされています。ただし、ローカル環境またはサブドメインを使用している場合は、自分でインストールする必要があります。

WordPress のインストール方法は次のとおりです。

  • WordPress.org から最新バージョンの WordPress をダウンロードします。
  • FTP またはファイル マネージャーを使用して、ファイルをサブドメインまたはローカル サーバーにアップロードします。
  • ホスティング コントロール パネルで新しい MySQL データベースを作成します。
  • ブラウザでサイトを開き、WordPress セットアップ ウィザードに従います。
  • サイトのタイトル、ユーザー名、パスワードを入力し、「WordPress をインストール」をクリックします。

WordPress をインストールすると、テスト用の新しい空のサイトが完成します。

ステップ 4: サイトのカスタマイズと構成

サンドボックスのセットアップが完了したので、次はサンドボックスを構成します。この部分は自分好みにカスタマイズできるので楽しいです。できることは次のとおりです。

プラグインとテーマをインストールする

WordPress ダッシュボードの「プラグインとテーマ」セクションに移動し、テストするテーマまたはプラグインを追加します。これは、実際のサイトで試すのが怖い新しいツールを試してみるのに最適な時期です。

サンプルコンテンツの追加

いくつかのテスト ページ、ブログ投稿、または e コマース製品を作成して、作業できるものを用意します。これにより、サイト上で新しいテーマやプラグインがどのように表示されるかを簡単に確認できるようになります、と NEWMEDIA.COM の創設者兼 CEO である Steve Morris は説明します。

サイト設定を調整する

サイトの言語、タイムゾーン、パーマリンク構造を設定します。これらの細かい詳細により、テスト環境がより現実的なものになります。

カスタムコードをテストする

カスタム CSS、JavaScript、または PHP をテストしている場合は、それも行うことができます。ほとんどのサンドボックス サイト (LocalWP など) にはコード エディターが組み込まれています。何かが壊れた場合は、ロールバックするだけです。

ステップ 5: テスト、実験、改良を行う

ここからが最も重要な部分、つまりテストです。サンドボックスでテストする必要があるものは次のとおりです。

新しいプラグインをテストする

ライブサイトに新しいプラグインを追加することを考えている場合は、まずここでテストしてください。バグ、ページの読み込みの遅さ、互換性の問題がないか確認します。

新しいテーマを試してみる

サイトを再デザインしたいですか?新しいテーマをインストールし、既存のコンテンツとどのように見えるかをプレビューします。

メジャーアップデートをテストする

WordPress コアのアップデートにより、サイトが壊れる場合があります。ライブバージョンを更新する前に、サンドボックスを使用して更新をテストします。

カスタムコードを試してみる

テーマをカスタマイズしたり、カスタム PHP 関数を作成したりする場合、サンドボックスが遊び場になります。試して、テストして、うまくいくかどうかを確認してください。

ページ速度のテスト

サイトの読み込みを速くしたいですか?ライブ サイトに展開する前に、サンドボックスでさまざまなキャッシュ プラグイン、遅延読み込み、圧縮ツールを試してください。

バグとエラーを修正する

時々物が壊れます。サンドボックスは、訪問者に影響を与えることなく問題のトラブルシューティングを行うことができる場所です。 LocalWP のデバッグ モードを使用するか、ステージング サイトのエラー ログを使用して、問題を見つけて修正します。

最終的な考え

それでおしまい！オンライン ツール、ローカル セットアップ、ホスティング ベースのステージングなど、さまざまな方法を使用して WordPress サンドボックス サイトを作成する方法を説明してきました。各オプションには独自の利点があるため、自分にとって最適なものを選択してください。

サンドボックスの準備ができたら、ライブ サイトを壊すことを心配することなく、プラグイン、テーマ、更新を安全にテストできます。設定方法がわかったので、自信を持ってテストと構築を始めましょう。