Gutenberg で目次を追加する方法

コンテンツを読みやすい目次 (TOC) にすることは、ナビゲーションとユーザー エクスペリエンスを向上させる優れた方法です。Gutenberg エディターを使用すると、TOC を追加するのはシンプルで効率的なソリューションになります。
このチュートリアルのブログ投稿では、短時間で WordPress コンテンツに Gutenberg の目次を追加する方法について説明します。

目次を導入する利点

目次は、WordPress コンテンツ、特に長いコンテンツを整理します。 読者は目次を通じてコンテンツ全体をスキャンできる.
目次を実装することの詳細な利点を見てみましょう。

🔰 読みやすさの向上: 素早いナビゲーションと構造の理解を深めるために、コンテンツに目次を実装する必要があります。

🔰 ユーザーエクスペリエンスの向上: わかりやすい目次があれば、ユーザーは情報に素早くアクセスできます。

🔰 SEOの改善: 組織化された 目次 検索エンジンのクロールとキーワードの最適化の改善に役立ちます。

🔰 アクセシビリティの向上: 目次があるとスクリーン リーダーが読みやすくなり、障害のある人にとってもアクセシビリティが向上します。

🔰 プロフェッショナリズム: さらに、目次によりコンテンツの見た目が洗練され、信頼性が向上します。

🔷 簡単なテクニック Gutenbergで列とグリッドを作成する

Gutenberg で目次を追加する方法

Gutenberg エディタを使用して WordPress コンテンツに目次を追加するプロセスを詳しく見ていきましょう。 

Gutenberg には、WordPress コンテンツに目次をすばやく追加できる便利なブロックが用意されています。
あなたのコンテンツでは、 「/」と入力すると、Gutenbergの目次ブロックが表示されますブロックをクリックするだけで、Gutenberg エディターで目次を追加できます。

繰り返しますが、 名前を入力してGutenbergの目次ブロックを検索しますその後、それをクリックするか、エディターにドラッグアンドドロップすることができます。

ブロックはこのようになります。

しかし、Gutenbergで見出しを使ってコンテンツを構造化すると、 目次ブロックは動的に更新されます、投稿の階層を反映します。サブ見出しがきちんとインデントされ、読者にとって明確で直感的なロードマップが作成されます。デフォルト設定はシームレスに機能するように設計されており、追加の作業は必要ありません。見出しを変更すると、目次が自動的に調整されます。

Gutenberg 目次ブロックの制限

🤔 ブロックには最新の機能がいくつか欠けています。たとえば、自動番号付け、折りたたみ可能なセクション、または目次から特定の見出しを除外する機能は現在利用できません。
🤔 目次は、適切に構造化された見出しの階層に大きく依存しています。見出しを変更すると、目次の正確性が損なわれる可能性があります。
🤔 見出しが多数ある長い投稿の場合、Gutenberg TOC ブロックがページの読み込み速度に若干影響する可能性があります。

Gutenbergで目次を作成する

したがって、長文のコンテンツをよりアクセスしやすく魅力的にするには、目次の実装を検討する必要があります。また、WordPress Web サイトの全体的な品質を向上させ、訪問者を引き付けるのにも役立ちます。

Gutenberg で目次を追加する方法がわかったので、自分で簡単に追加できます。