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

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

Gutenbergは、追加のプラグインやショートコードなしでリッチなレイアウトを簡単に作成できる、モダンなブロックベースの編集エクスペリエンスを導入します。

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

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

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

これにより、自信を持って前進し、Gutenbergが提供するものを最大限に活用できます。

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

WordPress 5.0は、ブロックエディターまたはGutenbergと呼ばれる全く新しいエディターで、コンテンツ作成の全く新しい方法をもたらしました。

エディター内で移動できるコンテンツ要素であるブロックを使用します。

しかし、一部のユーザーは、何かが機能しなくなるのではないか、またはGutenbergがウェブサイトを破損させるのではないかと恐れて、WordPressウェブサイトをブロックエディターに更新することにまだ乗り気ではありません。

Gutenbergは、テーマおよびプラグイン開発者が製品をGutenberg互換にするための十分な時間をかけて、長期間開発されました。

すべてのトップWordPressプラグインはすでにGutenbergと完全に互換性があり、ほとんどのテーマは問題なく動作します。

ただし、競合を避けるために、Gutenbergと新しいバージョンのWordPressでサイトをテストすることをお勧めします。これにより、プラグインやテーマに互換性がないかどうかを確認できます。また、ライブサイトを更新する前に、予期しないWordPressのエラーをキャッチして修正することもできます。

それでは、Gutenbergブロックエディターへのアップデートのために、ウェブサイトをテストする方法をステップバイステップで確認していきましょう。このチュートリアルを進むには、以下のクイックリンクを使用できます。

• ステップ1：ウェブサイトの完全なバックアップを作成する
• ステップ2：ローカルサーバーまたはステージングサイトでサイトをテストする
• ステップ3：互換性の問題が発生した場合にクラシックエディタープラグインをインストールする
• ステップ4：Gutenbergエディターについてさらに学ぶ

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

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

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

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

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

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

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

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

ウェブサイトの完全なバックアップを作成したら、WordPressとGutenbergエディターの最新バージョンでウェブサイトをテストする準備が整いました。

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

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

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

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

ローカルサーバーを使用するとは、WAMPやMAMP（Macの場合）のようなソフトウェアを使用して、個人のコンピューターにWordPressサイトをインストールすることを意味します。

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

次に、ローカルサイトでWordPressの最新バージョンに更新し、すべてのプラグイン/テーマがブロックエディターと互換性があるかテストできます。

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

ローカルサイトに変更を加える必要がなく、すべてが問題なく見えた場合は、ライブサイトを最新バージョンのWordPressに更新できます。

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

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

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

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

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

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

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

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

WordPressのアップデート後にテーマやプラグインが機能しなかった可能性があります。これは、まだ作業が残っていることを意味します。

テーマまたはプラグインの開発者に連絡を取り、最新のWordPressリリースとの互換性を持たせるように依頼する必要があります。

ポジティブな反応が得られない場合は、互換性のないテーマやプラグインを代替のものに置き換える必要があります。

または、WordPressサイトにClassic Editorプラグインをインストールして、Gutenbergを無効にすることもできます。これにより、使い慣れたクラシックエディターを維持しながら、WordPressを安全に更新できます。

Classic Editorは、WordPressコア貢献者による公式WordPressプラグインであり、WordPressのクラシックエディターに戻すことができます。このプラグインを使用すると、Gutenbergエディターを非表示にし、以前と同じ方法でコンテンツを作成できます。

Gutenbergのアップデートを望まない場合にも、これは良い選択肢です。

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

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

一方、WordPressをしばらく使用している方にとっては、新しいエディターはエキサイティングな新しい体験となるでしょう。

私たちのほとんどは古いエディターでの作業に慣れており、その周りにワークフローを構築しています。

良いニュースは、Gutenbergを使えば、古いエディターでできていたことはすべて引き続きできるということです。

新機能の学習を支援するために、これらの記事を作成しました。

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

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

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

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