【WordPress】目次機能作成~プラグインなし~

other
TAKU
TAKU

投稿内に作成したリストから同じ投稿内の任意の場所に飛ばす方法を記載します。

これを使えばプラグインを使わずに目次機能が作れそうだったので備忘録として残しておきます。(cocoonはデフォルトで目次機能搭載)

条件 WordPress 5.0 以降

リスト作成

TAKU
TAKU

まずは目次となるリストを作成するよ~

【+】 ⇒ すべて表示

リストをクリック

数字のリストを選ぶ ※お好みで

あとはリストと見出しを作成 ※見出しの作成は 【+】⇒見出し

見出しにアンカーポイント設定

TAKU
TAKU

作成した見出しにアンカーポイントを設定して飛ばし先を決めるよ~

ジャンプ先の見出し上でクリックし、ブロックパネルを表示 ※右側に出てくるやつ

ブロックパネル上の高度な設定をクリック

HTMLアンカーに飛ばし先がわかりやすい名前を記入

作成したリスト(目次)にアンカーリンクを設定

TAKU
TAKU

最後に、作成したリンクにアンカーリンクを設定して飛び先を指定するよ~

①リストの項目をドラッグ⇒②リンクをクリック⇒③枠内に上記の高度な設定(HTMLアンカー)で設定した言葉を入力※言葉の前に#を忘れずにつける

TAKU
TAKU

これでアンカーリンクの設定は終わり。

あとはすべてのリストと見出しに同じ設定を繰り返していけば出来上がり

まとめ

以上で目次作成の備忘録は終了です。

プラグインを使えば簡単に目次をいれることは可能ですが、プラグインをいれすぎて重くなるのがいやだという方や、簡易的なリストを作成して任意の場所へ飛ばしたい時などに使ってみてください。

コメント

タイトルとURLをコピーしました
//投稿内コードにコピー表示 //コピー表示ここまで