目次をショートコードで好きな場所に表示させる方法

ショートコード
この記事は約2分で読めます。

Cocoon 1.5.3より目次を好きな場所に強制的に表示させる機能を追加しました。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

目次ショートコード

目次ショートコードの使用方法は簡単です。

以下のショートコードを目次を表示させたい箇所に挿入するだけです。

[toc]

動作デモ

こんな感じで目次を好きな箇所に表示できます。

オプション

tocショートコードで利用できるオプションです。

depth(目次の深さ)

h2~h6まで、表示させる目次の深さを指定できます。

例えば、h2までの目次を表示させる場合は、以下のようにオプションをしてします。

[toc depth=2]

表示はこんな感じ。

h5までだと以下のようにします。

[toc depth=5]

ver.2.0.3~

depthオプションが設定されていたとしても、Cocoon設定の「目次」タブの「目次表示の深さ」で表示設定されていないと表示されません。
Cocoon設定の「目次」タブの「目次表示の深さ」

注意点

目次ショートコードは、以下のような注意点があります。

  • 投稿・固定ページのみで利用可能です。
  • Cocoon設定で目次表示を無効にしていても[toc]を使用した箇所では、強制的に表示されます。
  • 「TOC+」プラグインも同名のショートコードがありますが、「TOC+」プラグインを利用している場合はプラグインのショートコードが優先されます(多分)。
タイトルとURLをコピーしました