IT

blog(テーマ:JIN)での目次の作成方法

WordPressを使用したblog(テーマ:JIN)での目次作成方法を備忘録として記載しています。2ステップでの構成です。また、WordPressを使用していない方にとっては、全く参考にはなりませんので、ご了承くださいませ。

見出し付きボックスの作成

ブロックエディタにて、「見出し付きボックス」を選択する

「見出し付きボックス」を選択した状態で、右側の設定から、好みのボックスデザインを選択する(本ページのボックスデザインは、細線ボックス2です)

ボックス内で、+ボタンからボックスエディタを使い、「リスト」を選択し、リストを作成

リストに、目次を記載する

目次にページ内リンクを設定

記載した目次内の、リンク対象の文字を選択し、ブロックエディタのリンクボタンを押下。

検索またはURL欄に、#から始まるIDを記載する。例)#link01

飛ばしたい場所で、右側設定の、高度な設定より、HTMLアンカーに、IDを入力する。例)link01 #は不要

コツ:リンクで飛ばす先は、見出しよりも、少し上にする方が良いです。なぜなら、飛ばした先の見出しが、上部ギリギリに表示されると、少し見る人が窮屈感を感じてしまいます。