WordPressでよく見る「目次」をプラグインを使わず設置する方法

ウチのブログではほとんど使用しないのですが、たまにはちょっと使ってみようかと久しぶりに挿入するのにコードをすっかり忘れていて、検索までしちゃったので覚書き(情けない)

ちょー簡単「目次」の作り方

それで、たまたま検索して知ったのですが、なんと「目次」を書くためのプラグインがあるとか！！

https://ja.wordpress.org/plugins/table-of-contents-plus/

なるほど～～……確かに、これは綺麗に作れそうですね。

しかし、「目次」を作るためのコードってごくごく簡単なものなのです。

プラグインを入れすぎるとサイトが重くなるし、エラーも起こりやすくなるのは事実。プラグインを使わなくても簡単にできることは、なるべく使わずに済ませたいです(個人的には)
では、見出しにコードを加えながら実際に書いて行きます。

◆目次

1. あいうえお
2. かきくけこ
3. さしすせそ
4. たちつてと
5. なにぬねの

<h3 id="mokuji">◆目次</h3>
<ol>
<li><a href="#title1">あいうえお</a></li>
<li><a href="#title2">かきくけこ</a></li>
<li><a href="#title3">さしすせそ</a></li>
<li><a href="#title4">たちつてと</a></li>
<li><a href="#title5">なにぬねの</a></li>
</ol>

あいうえお

<h3 id="title1">あいうえお</h3>

まず「あいうえお」を書きましょう。

かきくけこ

<h3 id="title2">かきくけこ</h3>

つづけて「かきくけこ」の時間です。

さしすせそ

<h3 id="title3">さしすせそ</h3>

「さしすせそ」を上手く喋れない人がいますね。

たちつてと

<h3 id="title4">たちつてと</h3>

「たちつてと」も「たちちゅてと」になりがちです。

なにぬねの

<h3 id="title5">なにぬねの</h3>

「なにぬねの」は好きですか？

WordPressじゃなくても使えます

以上。これだけです。簡単ですね。

WordPress以外のホームページでも、FC2や「はてな」などHTMLを使って記事を編集できるブログでも使える手法なので、ぜひ。