Gutenberg（ブロックエディター）へのアップデートのためにサイトをテストする方法

クラシックエディターでサイトがスムーズに動作していた場合、WordPressブロックエディターへの切り替えは大きな一歩となる可能性があります。

ブロックエディターは、モダンな体験をもたらします。追加のプラグインやショートコードなしで、リッチなレイアウトを簡単に作成できます。

このアップデートはエキサイティングな可能性をもたらしますが、慎重に移行することが重要です。

事前にサイトをテストすることで、予期せぬ事態を回避できます。現在のデザインを維持し、すべてが期待どおりに機能し続けることを保証します。

私たちは多くのWordPressユーザーがこの移行の準備をするのを支援してきました。少しの計画が大きな違いを生みます。このガイドでは、ブロックエディターを有効にする前にサイトをテストするために私たちが従う正確な手順を説明します。

これにより、自信を持って前進し、ブロックエディターが提供するものを最大限に活用できます。

Gutenbergへのアップデート前にWordPressサイトをテストする理由

モダンなWordPressテーマやプラグインは、ブロックエディターとほぼ互換性がありますが、テストすることが100%安全を確保する唯一の方法です。

クラシックエディターから切り替える前にテスト環境を作成することで、以下のことが可能になります:

• 互換性の検出: ブロックエディターと競合する古いプラグインやカスタムテーマの機能があるかどうかを確認できます。
• ライブトラフィックの保護: レイアウトの崩れや、訪問者を遠ざける可能性のあるエラーメッセージを回避できます。
• 収益の保護: お問い合わせフォーム、チェックアウトページ、広告が引き続き正常に機能することを確認します。
• リスクフリーで練習: ライブウェブサイトを編集するプレッシャーなしに、新しいインターフェースに慣れることができます。

それでは、ブロックエディターに切り替えるためにウェブサイトをテストする方法を段階的に確認しましょう。これらのクイックリンクを使用して、このチュートリアルをナビゲートできます。

• ステップ1：ウェブサイトの完全なバックアップを作成する
• Step 2: Test Your Site on a Local Server or Staging Site
• ステップ3：互換性の問題が発生した場合にクラシックエディタープラグインをインストールする
• ステップ4：Gutenbergエディターについてさらに学ぶ
• Gutenbergへのサイトの更新に関するよくある質問

ステップ1：ウェブサイトの完全なバックアップを作成する

主要なアップデートの前には、常にWordPressウェブサイトの完全なバックアップを作成する必要があります。バックアップは、いかなる損害からも保護し、アップデートプロセス中に発生する可能性のある問題を回避します。

ウェブサイトのアップデートを行っていない場合でも、定期的なウェブサイトのバックアップを保持することは重要です。なぜなら、マルウェア攻撃やハッキングなどの緊急事態で役立つからです。

WordPressのバックアッププラグインはたくさんありますが、WordPressのバックアッププラグインの中から選ぶことができますが、Duplicatorの使用をお勧めします。

さまざまなWordPressセットアップで徹底的にテストした結果、一貫して信頼性が高く使いやすいことが証明されています。

手動バックアップを作成する場合でも、自動スケジュールを設定する場合でも、Duplicatorは完全な制御と柔軟性を提供します。

他のツールとの比較に興味がある場合は、詳細な経験を共有する実践的なDuplicatorレビューも公開しています。

ステップ2：ローカルサーバーまたはステージングサイトでサイトをテストする

ウェブサイトの完全なバックアップを作成したら、テストの準備ができました。これで、ブロックエディターでウェブサイトを安全にチェックできます。

実際のサイトに影響を与えることなく新しいアップデートをテストするには、2つの一般的な方法があります。

1. コンピューターにインストールしたローカルサーバーでウェブサイトをテストしてください。
2. ステージングサーバーでウェブサイトをテストしてください。

両方のオプションで、ブロックエディターと既存のコンテンツ、プラグイン、テーマを使用してWordPressをテストできます。

1.ローカルサーバーでウェブサイトをテストする

ローカルサーバーを使用するということは、個人のコンピューターにWordPressサイトをインストールすることを意味します。WAMPやMAMP（Mac用）などのローカル開発ツールを使用して、簡単にセットアップできます。

この方法では、まずDuplicatorのような移行プラグインを使用して、ライブWordPressサイトのコピーをローカルサーバーに移動します。

次に、ローカルサイトでブロックエディターに切り替えることができます。すべてのプラグインとテーマの互換性をテストできます。

ローカルサイトで変更を加え、完了したらライブサイトにアップロードすることもできます。

ローカルで変更を加える必要がなく、すべて問題なさそうであれば、ライブサイトを更新できます。

2. ステージング環境でウェブサイトをテストする

ステージングサイトは、新しい機能を試すことができるウェブサイトの独立した開発バージョンです。

通常、これはあなたのサイトのサブドメインであり、一般からのアクセスが制限されています。新しいアップデート、テーマ、プラグインをテストしたり、すべての開発に使用したりできます。必要なすべてのテストが完了したら、ライブサイトにアップロードできます。

ほとんどのトップWordPressホスティング会社は、ホスティングアカウントからワンクリックでステージングサイトをインストールできます。

サイトがBluehostでホストされている場合、WordPress管理ダッシュボードのBluehostメニューにステージングサイトを作成するオプションがあります。

また、Hostinger、WP Engine、SiteGroundで1クリックステージングサイトを作成することもできます。これらのホスティング会社を使用していない場合は、ホストに問い合わせてみてください。この機能を提供している可能性があります。

ホスティングサービスにステージングサイトのインストール機能がない場合でも、自分で手動で行うことができます。WordPressでステージング環境をセットアップする方法についてのステップバイステップのチュートリアルはこちらです。

ステップ3：互換性の問題が発生した場合にクラシックエディタープラグインをインストールする

テーマまたはプラグインが切り替え後に機能しない可能性があります。これは、まだ作業が必要であることを意味します。

テーマまたはプラグインの開発者に連絡する必要があります。ブロックエディターとの互換性を確保するように依頼してください。

肯定的な返答が得られない場合は、代替のテーマまたはプラグインを見つける必要があるかもしれません。

または、Classic Editor プラグインを引き続き使用することもできます。これにより、使い慣れた執筆体験を維持しながら、WordPress を安全に更新できます。

Classic Editor は公式の WordPress プラグインです。ブロックエディターを非表示にし、以前と同じ方法でコンテンツを作成できます。

これは、まだブロックエディターに切り替える準備ができていない場合にも良い選択肢です。

ステップ4：Gutenbergエディターについてさらに学ぶ

もしあなたが初めてのWordPressブログを始めるのであれば、幸運です。より速く、よりモダンで、信じられないほど強力な新しいブロックエディターにすぐに慣れるでしょう。

一方、WordPressをしばらく使用している方にとっては、新しいエディターはエキサイティングな変化です。ほとんどの人は古いエディターでの作業に慣れています。私たちはその周りにワークフローを構築してきました。

良いニュースは、ブロックエディターで古いエディターでできたことはすべて引き続きできるということです。新しい機能を学ぶのに役立つように、これらの記事を作成しました。

• WordPressブロックエディター（Gutenbergチュートリアル）の使い方
• WordPressでクラシックブロックをGutenbergに一括変換する方法
• Gutenbergブロックエディターで古いWordPress投稿を更新するための初心者ガイド
• WordPressで新しい投稿を追加し、すべての機能を利用する方法
• WordPressブロックエディター（Gutenberg）で画像を挿入および配置する方法
• WordPressでネストされたブロックを選択して使用するための究極ガイド
• WordPressで気を散らさないフルスクリーンエディターの使用方法
• WordPress の投稿リビジョンで変更を元に戻す方法
• 初心者向けガイド：WordPressブロックパターンを使いこなす方法

また、ブロックエディターに似ていますがWordPressテーマの編集に使用されるフルサイトエディターに関する完全ガイドもご覧いただけます。

Gutenbergへのサイトの更新に関するよくある質問

WordPressサイトエディターをGutenbergに更新することについて、読者からよく寄せられる質問をいくつかご紹介します。

WordPressウェブサイトを安全にテストするにはどうすればよいですか？

最も安全な方法は、ステージング環境を使用することです。これにより、ライブコンテンツを壊すことなく、更新を試したり、エディターを切り替えたり、テーマを変更したりできるサイトのクローンが作成されます。

GutenbergはElementorより優れていますか？

それはあなたの特定のニーズによります。ブロックエディター（Gutenberg）はより高速でWordPressに組み込まれているため、サイトのパフォーマンスには優れています。しかし、Elementorは複雑でカスタムなレイアウトに対して、より詳細なデザインコントロールを提供します。

WordPressでGutenbergエディターを有効にするにはどうすればよいですか？

ブロックエディターは、すべての最新のWordPressバージョンでデフォルトでアクティブになっています。表示されない場合は、「Classic Editor」プラグインがアクティブになっている可能性が高いです。単にPlugins » Installed Pluginsに移動して、Classic Editorを非アクティブ化する必要があります。

WordPressでブロックエディターが機能しないのはなぜですか？

これは通常、古いプラグインまたはテーマとの競合が原因です。エディターが正しくロードされるかどうかを確認するために、すべてのプラグインを一時的に非アクティブ化し、次に1つずつ再アクティブ化して、競合を引き起こしている特定のプラグインを見つけることをお勧めします。

詳細については、WordPressのブロックエディターでよくある問題とその解決方法に関するガイドをご覧ください。

ブロックエディターに切り替えるにはどうすればよいですか？

クラシックエディタープラグインを使用しているが切り替えたい場合は、ダッシュボードで設定 » 投稿設定に移動します。「すべてのユーザーのデフォルトエディター」の下で「ブロックエディター」を選択し、変更を保存してください。

この記事が、ブロックエディターへのアップデートのためにWordPressサイトをテストする方法を学ぶのに役立ったことを願っています。また、一般的なブロックエディターの問題の修正方法や、おすすめのGutenbergブロックプラグインもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。