Gutenberg（ブロックエディター）への更新に向けたサイトのテスト方法

WordPress Gutenbergエディターへの移行準備はお済みですか？WordPress 5.0から正式に導入されたGutenbergブロックエディターは、ブロックを使って視覚的に美しいコンテンツを作成できるWordPressの初期設定コンテンツエディターです。

課題としては、古いテーマやプラグインの中にはGutenbergに適切に対応していないものもあるため、サイトの更新によって予期せぬ問題が発生する可能性があることだ。

この投稿では、WordPressサイトをGutenbergに更新するためのテスト方法を紹介します。

なぜGutenbergに更新する前にWordPressサイトをテストするのか？

WordPress 5.0では、ブロックエディターまたはGutenbergと呼ばれる全く新しいエディターによって、全く新しいコンテンツ作成方法がもたらされた。このエディターでは、エディター内で移動できるコンテンツ要素であるブロックを使用します。

しかし、一部のユーザーはまだWordPressサイトをブロックエディターに更新することに消極的で、何かがうまくいかないのではないか、Gutenbergがウェブサイトを壊してしまうのではないかと恐れている。

Gutenbergは、テーマやプラグイン開発者が自社製品をGutenbergに対応させるために十分な時間をかけて開発された。WordPressのトッププラグインはすべてすでにGutenbergと完全に互換性があり、ほとんどのテーマは問題なく動作する。

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

それでは、Gutenbergブロックエディターに更新するためのサイトのテスト方法を順を追って確認していきましょう。このチュートリアルのナビゲーションには、以下のクイックリンクをご利用ください：

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

大規模な更新の前には、必ずWordPressサイトの完全なバックアップを作成する必要があります。バックアップは、更新プロセス中に起こりうるあらゆるダメージからあなたを守ります。

定期的にサイトのバックアップを取ることは、サイトを更新していない場合でも重要です。マルウェア攻撃やハッキングなどの大惨事を防ぐことができるからです。

WordPressのバックアッププラグインはたくさんあります。Duplicatorを使用することをお勧めします。Duplicatorを使用すると、手動および自動でバックアップを作成し、複数の場所に保存することができます。

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

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

実際のサイトに影響を与えることなく、新しい更新をテストする一般的な方法は2つあります：

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

どちらの設定でも、ブロックエディターと既存のコンテンツ、プラグイン、テーマを使ってWordPressをテストすることができます。

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

ローカルサーバーを使用するということは、WordPressサイトをWAMPや MAMP（Mac用）などのソフトウェアを使ってコンピューターにインストールするということです。

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

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

また、ローカルサイトで変更を行い、終了後に本番サイトにアップロードすることもできる。

ローカルサイトに変更を加える必要がなく、すべてが問題ないようであれば、そのまま本番サイトをWordPressの最新バージョンに更新することができます。

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

ステージングサイトとは、新しい機能を試すことができる、開発バージョンの区切りサイトです。

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

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

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

Hostinger、WP Engine、SiteGroundでも1クリックでステージングサイトを作成できます。これらのホスティングサービスを利用していない場合は、ホスティングサービスに問い合わせてください。

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

ステップ3：クラシックエディタープラグインのインストール（オプション）

WordPressを更新した後、テーマやプラグインが機能していなかった可能性がある。

テーマやプラグインの開発者に連絡を取り、WordPressの最新リリースに対応させるよう依頼する必要があります。

ポジティブなレスポンシブが得られない場合は、互換性のないテーマやプラグインに代わるものを探す必要がある。

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

Classic Editorは、WordPressコア寄稿者によるWordPress公式プラグインで、クラシックエディターに戻すことができます。このプラグインを使えば、Gutenbergエディターを非表示にして、以前と同じようにコンテンツを作成することができます。

ブロックエディターが好きでない場合にも良い設定だ。

ステップ4：Gutenbergエディターについてさらに詳しく知る

WordPressでブログを始めたばかりなら、ラッキーです。より速く、よりモダンで、信じられないほどパワフルな、素晴らしい新しいブロックエディターにすぐに慣れるでしょう。

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

私たちのほとんどは古いエディターでの作業に慣れており、それを中心にワークフローを設定してきた。

朗報は、旧エディターで行っていたことをすべてGutenbergでも行うことができ、さらにその上もできることだ。

新しい機能を学ぶために、Gutenbergチュートリアルを作成しました。このチュートリアルでは、ブロックエディターの使い方や、サイトに視覚的に美しいコンテンツを作成する方法を紹介しています。

ブロックエディターのようなものですが、WordPressテーマを編集するためのフルサイトエディターについての完全ガイドもご覧ください。

この投稿が、Gutenbergとブロックエディターへの更新のためにWordPressサイトをテストする方法を学ぶのにお役に立てば幸いです。また、よくあるブロックエディターの問題を解決する方法や、エキスパートが選ぶ最高のGutenbergブロックプラグインもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.