過去記事にリンクつき目次をつけました。脱毒親やファッションカテゴリの記事が見やすくなったよ。

さてwordpressの目次設定はプラグインやHTMLなど色々なやり方があるようですが、独自タグとリンク機能を使うのが一番確実で簡単でしたのでメモも兼ねてご紹介。

①目次一覧を作る
②見出しにアンカーを設定
③アンカーを目次にリンク付け

これだけ。簡単だ!

①目次一覧を作る(マップ)
まずは目次をテキストとして作成します。これは記事のなかのマップです。

②見出しにアンカーを設定(建物)
次に目的地、マップになぞらえて言えば建物を作ります。記事内の各見出しのHTMLアンカーを設定。one,twoなんかだと誤字しにくくていいと思います。
このアンカーは1つの記事内でダブらなければOK。Aの記事でone,two…を使っても、Bの記事でもone,two…が使えるのでなんでもOK。あ、い、う、え、おでも良いです。
画像ではoneを入力しています。oneビル建設完了ですな。

③アンカーを目次にリンク付け(交通機関)
さいごに、アンカー設定した見出しと目次を繋ぎます。交通機関を整備するって感じでしょうか。
目次内でテキストを選択してリンク設定を開き、URLの部分に#をつけてアンカー設定した単語を挿入。

wordpressのデザインによらず使えるうえ、HTMLの知識も不要、プラグインの有効化作業も不要!欲しいところを自分でカスタムできるからえぐい便利ですね。

目次が地図、見出しが目的地の建物、アンカーリンクが地図から建物へ向かう交通機関ってイメージです。

おわり。質問あればコメントやTwitterへどうぞ◎

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です