最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

WooCommerceでメンテナンスモードを有効にする方法(簡単な方法)

あるWooCommerceストアのオーナーが最近、定期的なアップデート中に顧客から「ビジネスは閉鎖したのか?」というメールを受け取ったと私たちに共有しました。なぜなら、サイトがアップデート中に顧客が壊れたチェックアウトページにアクセスしてしまったからです。

このような状況はあなたが思うよりも一般的であり、すべてのオンラインストアが適切なメンテナンスモードを必要とする理由を示しています。これは、舞台裏で変更を加えている間、ブランドを洗練された状態に保つプロフェッショナルな「近日公開」サインを掲げるようなものです。

これは重要です。わずかなダウンタイムでも売上の損失につながり、顧客の信頼を揺るがす可能性があるためです。

このガイドでは、テスト済みのツールと実践的なヒントを使用して、WooCommerceでメンテナンスモードを簡単に有効にする方法を説明します。これにより、自信を持ってストアを更新できます。🌟

WooCommerceでメンテナンスモードを有効にする方法

WooCommerceメンテナンスモードを有効にする理由と時期

技術的には、メンテナンスモードはHTTP 503「サービス利用不可」ステータスコードを検索エンジンに送信することで機能します。これにより、ボットはサイトが短期間ダウンしていることを認識し、作業中に壊れたページがインデックスされたり、ストアが検索結果から削除されたりするのを防ぎます。

WooCommerceストアでメンテナンスモードを使用するのには、いくつかの良い理由があります。

  1. ストアに大きな変更を加える際は、WordPressメンテナンスモードを有効にすることで、ユーザーがサイトを閲覧して混乱するのを防ぐことができます。
  2. オンラインストアに問題がある場合、特にWooCommerceの支払いで問題が発生している場合、メンテナンスモードをオンにすると、顧客が問題に直面するのを防ぐことができます。その間、ストアを再び公開できるようになるまで、これらのメンテナンス作業を修正できます。
  3. 既存のウェブサイトに新しいオンラインストアを追加していて、準備ができるまでサプライズにしたい場合は、メンテナンスモードが最適です。WooCommerceのショップページを作業している間に、クールなメンテナンスモードページを表示して、人々を興奮させることができます。

これらのシナリオのいずれかを経験している場合は、この記事が役立ちます。

次のセクションでは、WooCommerceでメンテナンスモードを有効にする方法を説明します。これらのクイックリンクを使用して、手順をナビゲートできます。

さあ、始めましょう。

ステップ1:メンテナンスモードページプラグインをインストールする

WooCommerceでメンテナンスモードを有効にする最も簡単な方法は、SeedProdを使用することです。

SeedProdは、100万以上のウェブサイトで使用されているWordPress向けの最高のランディングページビルダーです。ドラッグアンドドロップを使用して、美しい近日公開ページを作成したり、404ページを改善したり、ユニークなランディングページをデザインしたりできます。

当社のパートナーブランドの中には、SeedProdを使用してウェブサイトを構築している企業もあります。彼らは素晴らしい経験をしており、当社もぜひチェックすることをお勧めします。詳細については、SeedProdの詳細レビューをご覧ください。

まず、SeedProdアカウントを作成しましょう。SeedProdのウェブサイトで、「Get SeedProd Now」ボタンをクリックし、プランを選択して、画面の指示に従ってチェックアウトを完了してください。

SeedProdのホームページ

ℹ️注:メンテナンスモードページを作成できるSeedProdの無料版がありますが、SeedProd Proを使用すると、サイトの他の部分は利用可能にしたまま、WooCommerceストアをメンテナンスモードにすることができます。

次に、SeedProdアカウントダッシュボードに移動し、ライセンスキーを見つけます。このタブを開いたままにするか、これらの詳細をパスワードマネージャーに保存できます。

次に、SeedProdプラグインをインストールして有効化する必要があります。

WordPress管理画面で、プラグイン » 新規追加に移動します。次に、検索バーを使用してSeedProdプラグインをすばやく見つけることができます。

SeedProdプラグインのインストールボタン

表示されたら、「今すぐインストール」をクリックし、「有効化」をクリックできます。詳細については、WordPressでプラグインをインストールする方法に関するガイドを参照してください。

プラグインを有効化すると、SeedProdはライセンスキーを要求します。

SeedProdライセンスキーをWordPressウェブサイトに追加する

この情報は、SeedProdウェブサイトのアカウントで見つけることができます。ライセンスを入力したら、「キーの検証」ボタンをクリックしてください。

これが完了したら、WooCommerceストアをメンテナンスモードに設定する準備が整いました。

ステップ2:メンテナンスモードページを作成する

SeedProdを有効化した後、SeedProd » Landing Pagesに移動します。ここで、メンテナンスモードページを作成するか、近日公開ページを作成するかを選択できます。

さて、始める前に、メンテナンスモードと近日公開ページの違いを明確にしておきましょう。これらの用語を同じ意味で使う人もいますが、知っておくべき重要な違いがいくつかあります。

近日公開ページメンテナンスモード
最適新規オンラインストアはまだ注文を受け付けられない短期間のメンテナンス中の稼働中のストア
検索エンジンアクセス検索エンジンは引き続きストアページをクロールしてインデックスに登録できますサイトが一時的に利用できないことを検索エンジンに通知します
SEOへの影響公開前にサイトがインデックスされるのを助けますダウンタイム中のランキングを保護します
HTTPステータスコード通常の200ステータスコードHTTP 503 “サービス利用不可”を送信します
訪問者への可視性ショッパーは「近日公開」メッセージを表示しますショッパーはメンテナンスメッセージを表示します

詳細については、近日公開ページとメンテナンスモードの記事で詳しく説明しています。

このガイドではメンテナンスモードページを作成しますが、手順は、「メンテナンスモードページの設定」または「近日公開ページの設定」ボタンのどちらをクリックしても同じです。

オンラインストアのメンテナンスページを作成する

次のステップは、オンラインマーケットプレイスまたはストアのメンテナンスモードを有効にしたときに、買い物客が表示するページを作成することです。

事前に作成されたテンプレートを選択するか、空白のデザインから開始できます。すべての画像では「Celebrate Coming Soon」を使用していますが、好きなテンプレートを使用できます。

SeedProdテンプレートキットを選択するには、そのデザインのサムネイルにマウスカーソルを合わせ、チェックマークアイコンをクリックするだけです。

WooCommerceの近日公開ページを選択する

テンプレートを選択すると、ドラッグアンドドロップページビルダーに移動し、メンテナンスモードのデザインのカスタマイズを開始できます。

画面の左側には、デザインに追加できるブロックとセクションがあります。ページの右側はライブプレビューです。

WooCommerceのメンテナンスモードを作成する方法

ほとんどのテンプレートにはすでにいくつかのブロックが含まれています。これらはすべてのSeedProdデザインのコア部分です。開始するには、通常、テキストの編集や画像の追加、リンク、その他のコンテンツによってこれらのブロックをカスタマイズしたいと思うでしょう。

見出しまたはテキストブロックのテキストを変更するには、レイアウトでそのブロックをクリックして選択するだけです。これにより、その特定のブロックの設定がすべて表示されます。

これで、小さなテキストエディタにテキストを入力できます。

WooCommerceの近日公開ページにテキストを追加する

これらの設定を使用して、太字や斜体の書式設定、テキストの配置変更、フォントサイズの変更など、テキストのスタイルを設定することもできます。

左側のメニューからブロックをドラッグしてデザインにドロップすることで、メンテナンスページにさらにブロックを追加できます。

たとえば、カスタムロゴを追加したい場合は、画像ブロックをレイアウトにドラッグするだけです。

オンラインストアのメンテナンスページにロゴを追加する

次に、レイアウトでそのブロックをクリックして選択するだけで、左側のメニューにそのブロックのすべての設定が表示されます。

ロゴを追加するには、「独自の画像を使用する」をクリックしてください。

WooCommerceでカスタムの近日公開ページを作成する

次に、WordPressメディアライブラリから画像を選択するか、コンピューターから新しいファイルをアップロードするかを選択できます。

画像を追加した後、左側のメニューの設定を使用して、サイズを変更したり、画像のaltテキストを追加したり、リンクを埋め込んだりできます。

SeedProdページビルダープラグイン

WPFormsプラグインを使用している場合、メンテナンスページに簡単に連絡フォームを追加できます。これにより、WooCommerceサイトがメンテナンスのためにダウンしているときでも、買い物客があなたと連絡を取ることができます。

ℹ️注: WPFormsは、WPBeginnerの私たちのお気に入りの連絡フォームビルダーです。すべてのフォーム、年次読者アンケートやサイト移行リクエストフォームなどを作成するために使用しています。WPFormsの完全レビューでプラグインの詳細をご覧ください。

連絡フォームを作成した後、連絡フォームブロックをSeedProdレイアウトにドラッグできます。

メンテナンスページに問い合わせフォームを追加する

次に、連絡フォームブロックをクリックして選択し、設定を開きます。

左側のメニューで、ドロップダウンメニューを開き、以前に作成したフォームを選択します。

WooCommerceメンテナンス画面に連絡フォームを追加する

WPFormsを使用して、メールサインアップフォームを作成し、ストアが営業中に加入者に通知することもできます。ステップバイステップの手順については、WordPressでメールリストを作成する方法に関するガイドをご覧ください。

デザインからブロックを削除するには、それをクリックするだけです。その後、ゴミ箱アイコンを選択できます。

SeedPageページビルダーでブロックを削除する

ドラッグアンドドロップでページ上のブロックを移動することもできます。

レイアウトにブロックを追加し続け、左側のメニューの設定を使用してカスタマイズしてください。

たとえば、RafflePressを使用している場合、WooCommerceクーポンコンテストを作成し、メンテナンスモードページで宣伝することができます。

ℹ️注: RafflePressも私たちのお気に入りのプラグインの1つであり、年次の誕生日コンテストの実行に使用しています。プラグインの詳細については、RafflePressの完全レビューをご覧ください。

RafflePressを使用して作成されたプレゼント企画

詳細については、WordPressでコンテストを実行する方法に関するガイドをご覧ください。

メンテナンスページの外観に満足したら、「保存」をクリックしてください。

メンテナンスモードテンプレートの保存

ステップ3:メンテナンスモード設定の構成

カスタムの「近日公開」またはメンテナンスモードページを作成したので、eコマースサイトで有効にしましょう。

ここでは、サイト全体ではなく、ストアをメンテナンスモードにしたいと考えています。これを行うには、SeedProdエディタ内の「ページ設定」タブをクリックします。

次に、「アクセス制御」タブを選択します。

SeedProdのアクセス制御設定

これらの設定を使用して、カミングスーンまたはメンテナンスページがWordPressウェブサイトのどこに表示され、誰が表示するかを指定できます。たとえば、特定のユーザーロールまたはIPアドレスを持つユーザーにこのページを表示することができます。

サイトのWooCommerce部分のみをメンテナンスモードにし(ホームページとブログはライブのまま)、[含める/除外するURL]セクションまでスクロールします。

次に、「URLを含める」ボタンをクリックします。

WooCommerceストアのメンテナンスモードを有効にする

次に、WooCommerceストアのURLを入力する必要があります。

これは、ストアの設定方法や、特定のページにのみ表示したいかどうかによって異なる場合があります。たとえば、カスタムWooCommerceカートページまたはカスタムチェックアウトページに追加したい場合があります。

WooCommerceストア全体をメンテナンスモードにしたい場合は、WooCommerceが自動的に作成するすべてのページを追加できます。

https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account

URL内の「example.com」を実際のウェブサイトのドメイン名に置き換えてください。

製品URLを追加し、アスタリスク(*)を含める必要があります。

アスタリスク(*)は、特定のパスの下にあるすべてのサブページを含めるためのワイルドカード文字です。これにより、SeedProdは、パターンに一致するすべてのページにメンテナンス画面を適用するように指示されます。

これは、買い物客が製品、製品カテゴリ、または製品タグにアクセスしようとすると、メンテナンスページが表示されることを意味します。

https://example.com/product/*
https://example.com/product-category/*
https://example.com/product-tag/*

ℹ️ 注意: ストアでカスタムURL構造を使用している場合は、設定 » パーマリンクに移動し、「商品パーマリンク」セクションまでスクロールしてください。SeedProdに入力するパスが、そこに表示される構造と一致していることを確認する必要があります。

これらのURLをすべて追加したら、「保存」ボタンをクリックして変更を保存します。

ステップ4:WooCommerceストアをメンテナンスモードにする

これで、いつでも WooCommerce ストアをメンテナンスモードにすることができます。WordPress 管理画面で、SeedProd » ランディングページに移動するだけです。

次に、「Coming Soon モード」または「Maintenance モード」の下にある「Inactive」スライダーをクリックして、「Active」に変更します。

WooCommerceストアのメンテナンスモードを有効にする

これで、シークレットブラウザタブでWooCommerce ストアにアクセスするだけで、オンラインストアではなくカスタムデザインが表示されます。

ストアでの作業が完了し、ストアを再び公開する準備ができたら、SeedProd » ランディングページに戻るだけです。次に、「アクティブ」スライダーをクリックして「非アクティブ」と表示させます。

ボーナスヒント:WooCommerceストア向けのバイラル待機リストランディングページを作成する

オンラインストアをメンテナンスモードにするだけでなく、SeedProd でできることの 1 つは、バイラル待機リストランディングページを作成することです。

このランディングページを使用すると、エキサイティングなものが登場することをオーディエンスに知らせることができます。また、ウェイトリストに参加して、ページを公開したときに最初に知ることができるように、フォームを追加することもできます。

さらに、この待機リスト情報を使用して、今後のプロモーションに関するメールニュースレターを送信できます。

このトピックに興味がある場合は、WordPress でバイラル待機リストランディングページを作成する方法に関する記事をご覧ください。

ウェイティングリストランディングページのプレビュー

WooCommerceメンテナンスモードに関するFAQ

WooCommerceストアをメンテナンスモードにする際に、よく受ける質問をいくつかご紹介します。

メンテナンスモードはSEOに影響しますか?

いいえ、SeedProd のメンテナンスモード設定を使用する場合です。これはHTTP 503 ステータスコードを使用しており、検索エンジンにダウンタイムが一時的であることを伝え、ページのインデックス解除を防ぎます。

メンテナンスモード中に管理ダッシュボードにアクセスできますか?

はい、ログインしている管理者と適切な権限を持つユーザーは、WordPress ダッシュボードにアクセスしてライブサイトを確認し、変更を加えることができます。

プライベートストアとメンテナンスモードの違いは何ですか?

メンテナンスモードは、更新または修正中に使用される一時的な画面です。プライベートストアは、製品へのアクセスを特定のメンバーまたはログインユーザーのみに制限するために使用される永続的な設定です。

その他のWordPressメンテナンスガイド

この記事が、WooCommerceでメンテナンスモードを有効にする方法を学ぶのに役立ったことを願っています。

次に、以下の記事もご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterFacebookでも私たちを見つけることができます。

開示: 当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかを確認してください。こちらが当社の編集プロセスです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

9 CommentsLeave a Reply

  1. WooCommerceのメンテナンスモードを有効にするためのこのガイドは非常に実用的です!最近、更新のためにWooCommerceサイトをメンテナンスモードにする必要がありましたが、このような明確で実行可能な手順があれば、プロセスははるかにスムーズに進んだでしょう。

  2. WooCommerceをウェブサイトの他の部分から分離し、ウェブサイトの他の部分に影響を与えることなく、eショップのみをメンテナンスモードにできるのは素晴らしいことです。ありがとうございます。手順を試してみます。

  3. こんにちは、
    「顧客」ロールを持つユーザーはどうなりますか?彼らはまだストアを見ることができますか?

  4. ブログやショップを持っていて、ショップだけを無効にしたい場合、これは役に立ちません。
    残念です

    • We would recommend reading our entire article, we cover how to only have the maintenance mode on certain pages of your site :)

      管理者

Leave A Reply

コメントいただきありがとうございます。すべてのコメントは、コメントポリシーに従ってモデレーションされ、メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で意味のある会話をしましょう。