ステージングでのWordPressとWooCommerceプラグインのテストについて学びましょう。平均的なeコマースサイトは、初年度の終わりまでに毎月約33万ドルを稼ぎ出しますが、アップデートやプラグインのインストール時に1つのミスを犯しただけで、eコマースのパイを失う可能性があります。WordPressとWooCommerceプラグインをステージングでテストすれば、そのような事態を避けることができます。
この記事では、WordPressとWooCommerceプラグインをテストするためのステージングサイトの作成プロセスについて説明します。この記事では
WordPressでは、ステージングとは、WordPressサイトをテストするためにデザインしたオフラインのクローンを指します。ウェブサイトの訪問者が見るものに影響を与えることなく、ウェブサイトやプラグインをテストするための優れたツールです。
オフラインクローンは、テストサイトおよびバックアップサイトとして機能します。バックアップとクローンを作成するタイミングはウェブサイトのサイズに依存しますが、プラグインは簡単なソリューションを提供します。わずか数秒でウェブサイトのクローンを作成できるため、アップデートの実行やWooCommerceプラグインのインストールを簡単に行うことができます。
ウェブサイトを更新する際には、ステージングが不可欠です：
ウェブサイトの更新がうまくいかない可能性はたくさんあり、大量のトラフィックがあるにもかかわらず、サイトが正しく機能していないことに気づかなければ、大量の売上を失うことになりかねません！更新の立ち上げは、計画的に取り組まなければ、気が狂いそうになる作業の一つです。
このような手間を省くために、アップデートやプラグインを公開する前にテストを行いましょう。テストすることで、以下のような多くのメリットを享受できます：
ウェブサイト開発は長期戦です。ウェブサイトの寿命が尽きるまで、何度も新しいアップデートやプラグインを立ち上げることになるでしょう。しかし、適切なツールを使用し、アップデートの前後に行うべきすべてのステップのチェックリストを使用することで、煩わしい単調さを避けることができます。
*金曜日にWordPressサイトを更新しないことを忘れないでください。週末の混乱や問題を避けることができます。
Browserstackのスクリーンショットツールを使えば、ボタンをクリックするだけで簡単にスクリーンショットを生成できます。ツールを使うために必要なのは、URLをチェックしたいデバイスの種類とブラウザ（最大25）を選択することだけです。あとはツールがやってくれます。
TestingBotのスクリーンショットツールでは、3,200以上のブラウザとデバイスの組み合わせからテストするものを選ぶことができます。このツールは、スクリーンショットの比較、ベータ版と開発版のビルド、ネイティブのデバッグツールを提供します。
CrossBrowserTestingスクリーンショットツール
CrossBrowserTestingのスクリーンショットツールでは、ウェブアプリまたはAPIを使ってスクリーンショットを撮ることができます。APIを使用する場合は、URL全体で一度に複数のスクリーンショットを撮ることができます。
1.自動更新されていないプレミアムプラグインとテーマをリストアップしてください。
2.プラグインやテーマを購入したサイトにアクセスし、そのアイテムの最新バージョンを探す。
3.更新後にテストするURLをリストアップする。カスタム投稿タイプのテンプレート、WordPressのテンプレート、ウェブサイトの主要ページ（お問い合わせページ、ホームページ、商品ページ、カテゴリーページ、チェックアウトページなど）を含めてください。
4.テストのシナリオをリストアップする。例えば、ユーザーがログインし、商品ページに行き、次にチェックアウトページに行くかもしれません。あなたのウェブサイトに関連するシナリオをテストしてください。
5.シナリオをテストするためのテストスクリプトのリストを作成する。
1.MySQLとPHPが両方のウェブサイトで同じであることを確認しながら、ウェブサイト全体をステージング環境に複製する。ホスティングプロバイダーによっては、ワンクリックでステージング環境を作成できる場合があります。ワンクリックでステージング環境を作成できるホスティングプロバイダーには、WPEngine、SiteGround、GetFlyWheelがあります。
2.ステージング・サイトがオリジナルのウェブサイトと一致していることを確認する。これは、サイト内を一目見るだけでできる。
3.フルページスクリーンショットツールを使って、すべてのURLのスクリーンショットを撮る。Chrome、Firefox、Safari、Edge、Android、iPhoneなど、すべてのシステムのスクリーンショットを撮ること。このプロセスを簡略化するツールもある。
4.以下を更新する：
5.更新されたステージング・ウェブサイトのスクリーンショットを撮る。もう一度、すべてのURLとシステムのスクリーンショットを撮る。
6.スクリーンショット比較ツールを使用して、ステップ3の撮影前とステップ5の撮影後のスクリーンショットを比較します。
7.前にリストアップしたテストスクリプトを実行します。フォームやチェックアウトなど、ウェブサイトの重要な部分がスムーズに動作していることを確認します。
1.ライブサイトのバックアップを実行する。
2.すべてのURLのスクリーンショットを作成する。
3.ライブサイトを更新する。
4.バックエンドですべてが更新されているか確認します。更新をクリックして、サイト上の何かで更新が失敗したかどうかを確認します。
5.ライブサイトのキャッシュをクリアする。
6.スクリーンショットを作成する。
7.ステップ2のスクリーンショットとステップ6のスクリーンショットを比較してください。
8.先に挙げたテストスクリプトを実行する。
9.ウェブサイトを目視で簡単にチェック
10.自分をほめる！
自動化されたスクリプトを使えばWordPressウェブサイトのテストは簡単だが、他にも選択肢はある。ひとつは手動でチェックすること。もうひとつは、開発者を雇うことです。
テストスクリプトの作成には時間がかかりますが、一度作成したスクリプトを再利用するのは非常に簡単なプロセスです。ここでは、手動テストと比較した場合のテストスクリプトの利点を紹介する：
重要なことは、ステージングでWordPressとWooCommerceプラグインをテストすることで、大惨事を避けることができるということです。このチェックリストがあれば、アップデートを成功させるために必要なものはすべて手に入れることができます。
プラグインを一括インストールするために必要な手順や、WordPressやWooCommerceのメンテナンスなど、私たちはお客様のEコマースの成功を全力でサポートします。お客様がビジネスの中核に集中できるよう、WordPressの管理をご希望の場合は、今すぐご連絡ください！
