デモ: 目次非表示

hide_tocフロントマターオプションのライブデモンストレーション。

このページはhide_toc: trueフロントマターオプションのデモです。右側の目次が非表示になり、メインコンテンツエリアが利用可能な幅いっぱいに広がります。

何が起きているか

このページでは目次が非表示になっています。使用しているフロントマターは以下の通りです：

---
title: "デモ: 目次非表示"
hide_sidebar: false
hide_toc: true
---

サイドバーは表示されたまま

左側のサイドバーは引き続きナビゲーション用に表示されます。右側の目次のみが影響を受けます。

デスクトップとモバイル

hide_toc: trueを設定すると、デスクトップの目次（右サイドバー）とモバイルの目次の両方が非表示になります。

サブセクションの例

このサブセクションは、ページに見出しやサブセクションがあっても目次が生成されないことを示すために存在しています。

使用場面

見出しが少ないページ、短いコンテンツ、またはセクションナビゲーションよりもコンテンツの幅が重要な場合にhide_toc: trueを使用します。

詳しくはフロントマターリファレンスをご覧ください。

ページごとに固定するのではなく、読者自身に選ばせたい場合は tocToggle 設定を有効にしてください。デスクトップの標準目次を描画するページに、状態が保存される表示/非表示の操作が追加されます。ただしこのページは対象外です。hide_toc: true がビルド時に目次そのものを取り除いているため、切り替える対象が残っていません。

関連ページ

• サイドバー非表示 — 左側のサイドバーを非表示にします

• サイドバー＆目次非表示 — 両方のパネルを非表示にします