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

Gutenbergブロックエディターで古いWordPress投稿を更新する方法

古いコンテンツの更新は、成功したWordPressサイトを維持するために必要な作業です。

多くのWordPressユーザーと協力してきた経験から、クラシック投稿をブロックに変換することで、古いコンテンツを強化し、パフォーマンスを向上させることができることがわかりました。

多くのサイト所有者は、古い投稿をGutenbergで更新するとコンテンツが壊れるのではないかと心配しています。

良いニュースは、WordPressはこの移行をスムーズかつ管理可能にし、コンテンツを失うことなく最新のブロック機能で投稿を改善できることです。

このガイドでは、古いWordPressの投稿をGutenbergブロックエディターで安全に更新する方法をステップバイステップでご紹介します。

gutenbergで古い記事を更新する

💡 要約: 古いWordPressの投稿をGutenbergで更新するには、投稿をブロックエディターで開き、既存のコンテンツを個別のブロックに変換するだけです。これにより、最新のレイアウト、デザインオプション、編集機能を利用でき、将来の更新もはるかに簡単になります。

注: WordPressのGutenbergエディターは、WordPressでコンテンツを作成するための簡単で柔軟な方法を提供します。ただし、まだ使用する準備ができていない場合は、Gutenbergを無効にしてClassic Editorプラグインを使用することができます。

または、まずGutenbergへの更新のためにウェブサイトの互換性をテストすることもできます。これには、ステージングサイトを作成したり、単に重要度の低い投稿を1つ編集して、広範囲に適用する前に変換がどのように機能するかを確認したりすることがよく含まれます。

クラシックエディターとGutenbergエディターの違いは何ですか?

始める前に、古いクラシックエディターと、Gutenbergとしても知られる最新のブロックエディターの主な違いを理解しておくと役立ちます。

Classic Editorは、Microsoft Wordのようなツールバーを備えた単一のテキストフィールドでした。

古いWordPressエディター

一方、ブロックエディターは、段落、画像、ボタンなどのすべてのコンテンツを個別の「ブロック」として扱います。これにより、複雑なレイアウトや魅力的なデザインを作成するための詳細な制御と大幅に改善された柔軟性が提供されます。

Gutenbergブロックエディターは次のようになります。

ブロックエディターで「ホーム」ページを編集する

両者の違いをよりよく理解していただくために、以下の表を作成しました。

機能クラシックエディターブロックエディター (Gutenberg)
編集スタイルワードプロセッサーに似た単一のテキストフィールド。コンテンツの各部分に個別の「ブロック」のコレクション。
コンテンツコントロールドキュメント全体をフォーマットするための上部にある1つのメインツールバー。各ブロックには、正確な制御のための独自のツールバーと設定があります。
レイアウトレイアウトオプションが限られており、ショートコードやHTMLが必要になることがよくあります。直感的なドラッグアンドドロップ機能と専用のレイアウトブロックを使用して、マルチカラムデザインのような複雑なレイアウトを簡単に作成できます。
柔軟性柔軟性が低い。すべてのコンテンツは連続した1つのドキュメントとして扱われます。非常に柔軟です。ブロックを簡単にドラッグアンドドロップしてコンテンツを並べ替えたり、要素のサイズを変更したり、各ピースに独自のスタイルを適用したりできるため、デザインを詳細に制御できます。

Gutenbergエディターで投稿を作成または編集するには、ブロックを使用する必要があります。古いブログ投稿やページをGutenbergブロックエディターで更新する方法は次のとおりです。

古いWordPressの投稿をGutenbergで更新する理由

古いWordPressの投稿をGutenbergブロックに更新すると、ゼロから始めることなく、コンテンツのデザイン、可読性、機能を簡単に改善できます。

コンテンツがまだ正確であっても、ブロックに変換することで、最新のWordPress機能を利用し、読者にとってより良いエクスペリエンスを作成できます。

主な利点は次のとおりです。

  • コンテンツレイアウトの改善: Gutenbergブロックを使用すると、コンテンツを整理し、より視覚的に魅力的なページを作成するのが簡単になります。
  • 最新のデザイン要素の追加: コードを使用せずに、ボタン、カラム、FAQ、テーブル、コールアウト、その他のブロックを挿入できます。
  • 読者のエクスペリエンスの向上: より良いフォーマットとインタラクティブな要素により、コンテンツの読みやすさとナビゲーションが向上します。
  • 将来の更新の簡素化: コンテンツがブロックに変換されると、編集と更新がはるかに簡単になります。
  • 最新のWordPress機能との互換性の維持: GutenbergはデフォルトのWordPressエディターであり、新しい機能と改善が継続的に追加されています。

WPBeginnerでは、コンテンツを新鮮に保ち、フォーマットを改善し、読者にとって価値がある場合に新しいWordPress機能を利用するために、古いコンテンツを定期的に更新しています。

それを念頭に置いて、Gutenbergブロックエディターを使用して古いWordPressの投稿やページを更新する方法を見ていきましょう。

注意: 開始する前に、WordPressウェブサイトの完全なバックアップを作成することを強くお勧めします。これにより、変換プロセス中に予期しない問題が発生した場合でも、サイトを簡単に復元できます。

信頼できるバックアッププラグインであるDuplicatorを使用するか、ホスティングプロバイダーに支援を依頼できます。

クラシックWordPress投稿をGutenbergに変換する方法(ステップバイステップ)

WordPressブログを最新バージョンにアップデートした場合、Gutenbergブロックエディターがデフォルトのエディターになります。

Gutenbergの良い点は、古いコンテンツに影響を与えず、古い記事を簡単に編集できることです。

古い投稿またはページを編集するには、WordPressで通常行うように編集するだけです。

コンテンツエディターでは、すべてのコンテンツが単一のClassicブロック内にラップされているのが表示されます。

Gutenbergブロックエディターのクラシックブロック

同じ投稿は、下のスクリーンショットのように古いクラシックエディターで表示されます。

気づいたかもしれませんが、既存のコンテンツは同じです。ただし、その構成方法が少し異なります。

クラシックエディターの投稿例

新しいWordPressブロックエディターはコンテンツに変更を加えず、WordPressウェブサイトではこれまでと同じように表示されます。

古いブログ投稿やページを編集するには、次の2つのオプションがあります。

  1. クラシックブロック内で編集を続行します。
  2. 古いコンテンツを新しいGutenbergブロックに変換します。

最初のオプションは、クラシックブロック内で古い記事の編集を続けることです。

クラシックブロックは、上部に書式設定オプションを備えた同じクラシックエディターインターフェイスを提供します。これはかなり簡単はずです。

2番目のオプションは、古いコンテンツを新しいGutenbergブロックに変換することです。

コンテンツの上部をクリックし、「ブロックに変換」ボタンを選択することでこれを行うことができます。

クラシック投稿をブロックに変換

これで完了です!

古いコンテンツは自動的に対応するブロックに変換されます。クラシックブロック内のコンテンツは、いくつかの異なるブロックに分割されます。

これは強力です。なぜなら、コンテンツの各部分を個別に移動、スタイル設定、構成できるからです。

これで、新しいGutenbergエディターのブロックを使用して古い記事を編集できます。各ブロックは、独自のフォーマットオプション、スタイル、デザインオプションを持つ個別のエンティティです。

画像の表示方法を変更したい場合は、画像をクリックしてブロックを選択するだけで、編集オプションが上部に表示されます。

画面右側の「ブロック」タブにも、より多くのオプションが表示されます。

Gutenbergブロックの例

たとえば、Paragraphブロックでは、ツールバーを使用してテキストと背景色を変更したり、タイポグラフィを選択したり、リンクを追加することができます。

同じプロセスに従って、投稿内の他のブロックを編集およびカスタマイズできます。たとえば、次のようなことができます。

  • カラムブロックを使用して複数カラムのレイアウトを作成します。
  • クリックとコンバージョンを促進するために行動喚起ボタンを追加します。
  • 写真をより効果的に表示するために画像ギャラリーを作成します。
  • メディアとテキストブロックを使用して、テキストと一緒にメディアを埋め込みます。
  • カバーブロックを使用して目を引くカバーセクションをデザインします。
  • ブロックパターンを使用して、事前にデザインされたレイアウトをすばやく追加します。
  • スペーシング、フォーマット、およびビジュアル要素を改善して、読みやすさを向上させます。

この柔軟性により、古いコンテンツを簡単に最新化し、読者にとってより魅力的なエクスペリエンスを作成できます。

必要な編集がすべて完了したら、画面右上の「更新」ボタンをクリックするだけで変更を保存できます。

プロのヒント: この自動変換は非常に信頼性が高く、何百万ものWordPressサイトで厳密にテストおよび改良されています。

ただし、すべての画像とフォーマットがちょうどよく見えることを確認するために、その後、投稿をすばやくスクロールすることをお勧めします。

ブロックエディターの使用に関するよくある質問

Gutenbergエディターで古いWordPress投稿を更新することについて、読者からよく寄せられる質問を以下に示します。

古い投稿をブロックに変換すると、ウェブサイトのSEOに影響しますか?

いいえ、投稿をブロックに変換するプロセスは、SEOに直接的な悪影響を与えることはありません。投稿のURLや公開されているコンテンツは変更されません。変更はバックエンドエディターで行われます。

実際、ブロックエディターを使用することで、時間の経過とともにSEOを改善することができます。FAQブロック、テーブル、ボタンなどの機能を使用して、より構造化されたコンテンツを作成でき、ユーザーエンゲージメントを向上させることができます。

古い投稿を変換する必要がありますか?

古い投稿を変換する必要はありません。無期限に「Classic block」内で編集を続けることができます。

ただし、変換しない場合、コンテンツ作成をより簡単かつ柔軟にする強力な機能、デザインオプション、ブロックパターンを利用できなくなります。

ブロックに変換すると、ショートコードはどうなりますか?

WordPressはショートコードの処理に優れています。「ブロックに変換」をクリックすると、既存の各ショートコードは独自の「Shortcode block」に自動的に配置されます。

機能はまったく同じであるはずです。

Gutenbergエディターのヒントとコツをさらに学ぶ

ブロックエディターを最大限に活用する準備はできましたか?開始に役立つWordPressチュートリアルをいくつかご紹介します。

この記事が、Gutenbergブロックエディターを使用して古い記事を更新する方法を学ぶのに役立ったことを願っています。また、カスタムWordPressブロックを作成する方法のチュートリアルや、WordPressブロックパターンを使用する方法のガイドも参照してください。

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

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

究極のWordPressツールキット

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

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

21件のコメント返信する

  1. この記事を読んでいたところ、上記の3番目のスクリーンショットで何か気づきました。それは、Gutenbergエディターの横に管理者のサイドバーが左側に表示されていることです。

    エディターが画面全体を占有していますが、管理サイドバーをエディターの左側に表示するにはどうすればよいですか?

  2. クラシックエディターには、既存の投稿の日付を更新して新しい日付/時刻にスケジュールする方法がありました。Gutenbergにはそのオプションが見当たりません。日付を変更して投稿を更新する方法しか見えません。これで同じことが達成されますか?

  3. ブロックに変換をクリックすると、コードのように見えるページに変わります。したがって、正しく変換されていないようです。しばらく前に正常に変換された他のページがあり、ブロックを使用して新しいページを作成できます。それは手で全部打ち直す必要があるということですか?

    • 特定のページに問題がある場合は、そのページに問題がある可能性があります。その特定のページを再作成する必要があるでしょう。

      管理者

  4. 編集ツールバーの右側にある3つのドットがありません。これは私のテーマがGutenbergエディターをサポートしていないということですか?2016年から使用していますが、WordPressのバージョンは5.3.2です。

    ベティ

    • エディターが表示しているものと異なる場合、コンテンツにクラシックブロックを使用していない可能性があります。その一般的な理由の1つは

      管理者

  5. WordPressの現在のバージョンを使用していますが、クラシックエディターからGutenbergに切り替えるオプションがありません。これは謎ですね!Gutenbergを妨げたり、クラシックエディターを維持したりするプラグインはインストールされていません。

    何かアイデアはありますか?

    • プロファイルに移動して、視覚エディターを無効にするにチェックが入っているかどうかを確認すると良いでしょう。

      管理者

  6. ページも同じように処理されると思いますか?コードブロックで各ページにメタディスクリプションを追加できますか?ありがとうございます。

    • はい、ページも同じように処理され、必要であればコードブロックを使用してHTMLを追加することもできます。

      管理者

  7. なんてこった、手作業で苦労して変換していました。少なくとも、以前の投稿はすべて手作業で行ったわけではありません。この素晴らしい投稿をありがとうございます。この情報は間違いなく私の時間を節約してくれるでしょう。

  8. PayPalボタンをページに挿入するのが非常に困難になりました。PayPalプラグインをインストールしても、新しいボタンブロックを使用しようとしても、何時間もかかっていますが、まだ行き詰まっています。

    • ボタンを埋め込むために彼らのHTMLを使用している場合は、カスタムHTMLブロックを試すことをお勧めします

      管理者

  9. 画像とテキストのような簡単なものであれば、この記事は正しいと思います。動画、リンク、埋め込み、アンカー、ドキュメント、WooCommerce、画像やテキストなどのプラグインはどうでしょうか?古いエディターで作成された何百ものページに、どのくらいの事後修正が必要になりますか?ゼロから作成するのは簡単に見えますが、作成済みのページを修正するのは、必要な追加作業の量に不安を感じます。

返信する

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