ステージングでのWordPressとWooCommerceプラグインのテスト
ステージングでのWordPressとWooCommerceプラグインのテストについて学びましょう。平均的なeコマースWebサイトの収益は約 月額$ 330,000 最初の 1 年の終わりまでに、アップデートやプラグインのインストール中に 1 つの間違いを間違えると、e コマースのパイの一部が失われる可能性があります。ありがたいことに、WordPressとWooCommerceプラグインをステージングでテストすれば、それを回避することができます。
この記事では、コストのかかるミスを避けるために、WordPressとWooCommerceプラグインをテストするためのステージングサイトを作成するプロセスについて説明します。以下について説明します。
- ステージングとは
- ステージングでWordPressとWooCommerceプラグインをテストする必要がある理由
- WordPressとWooCommerceプラグインを適切にテストする方法
- WordPressとWooCommerceプラグインをテストする際に必要なツール
- WordPressとWooCommerceのプラグインとアップデートをテストするためのチェックリスト
- WordPress および WooCommerce プラグインの更新とインストールにおける自動スクリプトの役割
ステージングとは何ですか?
In WordPress, staging refers to an offline clone you design of your WordPress site to test. It’s an excellent tool for testing your website and plugins without affecting what your website visitors see.
オフライン クローンは、テスト サイトおよびバックアップ サイトとして機能します。バックアップとクローン作成のタイミングはWebサイトのサイズによって異なりますが、 プラグイン 簡単な解決策を提供します。わずか数秒でサイトのクローンを作成できるため、更新を実行したり、WooCommerce プラグインを簡単にインストールしたりできます。
なぜWordPressとWooCommerceプラグインをステージングでテストする必要があるのですか?
ステージングは、Web サイトが次のことを妨げる可能性があるため、Web サイトを更新する際に不可欠です。
- 表面化
- 利用不可になる
- 一部のデバイスで作業し、他のデバイスでは作業しない(つまり、Appleデバイスでは作業するがAndroidでは作業しない、またはラップトップで作業するがタブレットでは作業しない)。
- 重要なページ(チェックアウトページ、製品レビュー、お問い合わせフォームなど)へのアクセスができなくなる
- モバイルメニューのアクセシビリティが失われる
- Losing the site’s footer
- Displaying the horrifying “White Screen of Death” (WSOD)- a phenomenon that involves your website only showing a blank white screen.
There are many ways that launching updates to your website could go wrong, and if you have a high volume of traffic and don’t know the site isn’t functioning correctly, you could lose tons of sales! Launching updates is one task that could あなたを狂わせる if you don’t approach it with a plan in mind.
すべての手間を避けるために、更新をテストし、 プラグイン before publishing them. You’ll enjoy many benefits by testing, including:
- スムーズに運営されるウェブサイト
- 高速で安全なウェブサイト
- Your website visitors’ trust.
WordPressとWooCommerceプラグインを適切にテストする方法
Website development is a long-term game. Throughout the life of your website, you’ll likely launch several new updates and plugins, which can become monotonous. Some might even say it’s annoying, but you can avoid the annoying monotony by using the right tools and a checklist of all the steps you should take before and after an update.
*Please remember not to update your WordPress site on a Friday. You’ll avoid tons of potential chaos and problems for the weekend.
WordPressとWooCommerceプラグインをテストする際に必要なツール:
- フルページのスクリーンショットツール: プラグインまたはアップデートのインストールの前後に、フルページのスクリーンショット ツールを使用します。
- ステージングサイト: これはクローンされたWebサイトです。
- 自動スクリプトテスト: 自動スクリプト テスト ツールは、アップデートまたはプラグインのインストール後に Web サイト全体で複数のスクリプトを自動的にテストし、すべてが正常に動作することを確認します。
- スクリーンショット比較ツール: スクリーンショット比較ツールを使用すると、撮影したスクリーンショットの前後を比較できるため、不一致を見つけることができます。
作業を簡素化する 3 つのスクリーンショット ツール
Browserstack’s screenshot toolボタンをクリックするだけでスクリーンショットを簡単に生成できます。ツールを使用するために必要なのは、URLを確認するデバイスの種類とブラウザ(最大25)を選択することだけです。残りはツールが行います。
TestingBot’s screenshot tool3,200を超えるブラウザとデバイスの組み合わせから選択してテストできます。このツールは、スクリーンショットの比較、ベータ版と開発版のビルド、およびネイティブのデバッグ ツールを提供します。
CrossBrowserTestingスクリーンショットツール
CrossBrowserTesting’s screenshot toolを使用すると、Web アプリまたはその API を使用してスクリーンショットを撮ることができます。API を使用すると、URL 全体で一度に複数のスクリーンショットを撮ることができます。
WordPressとWooCommerceのプラグインとアップデートをテストするためのチェックリスト
インストール/アップデート前
1. List any of your premium plugins and themes that aren’t updated automatically.
2. プラグインとテーマを購入したサイトにアクセスし、アイテムの最新バージョンを探します。
3. List the URLs you’ll test after updating. You’ll want to include your custom post-type templates, WordPress templates, and your website’s primary pages (like your contact page, homepage, product pages, category pages, and checkout page).
4. List scenarios for testing. For instance, a user might log in, go to the products page, then the checkout page. You’ll want to test any scenarios relevant to your website.
5. シナリオをテストするためのテストスクリプトのリストを作成します。
ステージング サイト
1. MySQL と PHP が両方の Web サイトで同じであることを確認しながら、Web サイト全体をステージング環境に複製します。ホスティングプロバイダーによっては、ワンクリックでステージングを作成できる場合があります。ワンクリックでステージングを作成できるホスティングプロバイダーには、WPEngine、SiteGround、GetFlyWheelなどがあります。
2. ステージング サイトが元の Web サイトと一致していることを確認します。これは、サイトを一目見ることで行うことができます。
3. フルページ スクリーンショット ツールを使用して、すべての URL のスクリーンショットを撮ります。Chrome、Firefox、Safari、Edge、Android、iPhone などのすべてのシステムのスクリーンショットを必ず取得してください。このプロセスを簡素化するためのツールがいくつかあります。
4. 以下を更新します。
-
-
- テーマファイルとプラグインファイル
- WordPressコアファイル
- Any items that don’t update automatically.
-
5. 更新されたステージング Web サイトのスクリーンショットを撮ります。もう一度、すべてのURLとシステムからスクリーンショットを撮ります。
6. スクリーンショット比較ツールを使用して、ステップ 3 の前のスクリーンショットとステップ 5 の後のスクリーンショットを比較します。
7. 前にリストしたテストスクリプトを実行します。フォーム、チェックアウト、および Web サイトのその他の重要な部分がスムーズに動作していることを確認します。
ライブサイトで
1. ライブサイトのバックアップを実行します。
2. すべての URL のスクリーンショットを作成します。
3. ライブサイトを更新します。
4. バックエンドですべてが更新されているかどうかを確認します。[更新] をクリックして、サイト上の何かの更新が失敗したかどうかを確認します。
5. Clear your live site’s cache.
6. スクリーンショットを作成します。
7. ステップ 2 のスクリーンショットとステップ 6 のスクリーンショットを比較します。
8. 前にリストしたテストスクリプトを実行します。
9. 目視で Web サイトをチェックします。
10. 自分の背中をたたく!
WordPress および WooCommerce プラグインの更新とインストールにおける自動スクリプトの役割
自動化されたスクリプトを使用すると、WordPress Web サイトのテストが簡単になりますが、他のオプションもあります。1つ目は手動で確認することです。もう一つは開発者を雇うことです。
Creating a testing script can be time-consuming, but it’s a pretty straightforward process to reuse the script once it’s made. Here are the advantages of testing scripts over manual testing:
- テストスクリプトは人的エラーを排除します。
- 次の 2 つの方法で時間を節約できます。
-
- When running long scripts, you can let the script handle the checking while focusing on what the scripts can’t do.
- 一度に最大 2 台のデバイスと 4 台のブラウザーをテストできます。
The key takeaway is that testing your WordPress and WooCommerce plugins in staging can save you from a catastrophe. The process is relatively straightforward, and, armed with this checklist, you’ve got everything you need to have a successful update.
Whether it’s providing you with the necessary steps to プラグインを一括インストールする またはパフォーマンス WordPressまたはWooCommerceのメンテナンス , we’re committed to helping you thrive in eCommerce. If you would like us to manage your WordPress so you can focus on the core aspects of your business, 今すぐお問い合わせください , and we’ll be glad to help!
