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でも行うことができ、さらにその上もできることだ。

新機能を学んでいただくために、以下の投稿をご用意しました：

• WordPressブロックエディターの使い方（Gutenbergチュートリアル）
• WordPressでクラシックブロックをGutenbergに一括変換する方法
• Gutenbergブロックエディターで古いWordPress投稿を更新する方法
• WordPressで新規投稿を追加し、すべての機能を活用する方法
• WordPressブロックエディター（Gutenberg）で画像を追加して整列させる方法
• WordPressで入れ子ブロックを選択して使用する方法
• 初心者ガイド：WordPressブロックパターンの使い方
• WordPressでDistraction Freeフルスクリーンエディターを使う方法
• 投稿リビジョンでWordPressの変更を元に戻す方法

ブロックエディターのようなものですが、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.