参考資料ワードプレスで目次を自動作成する方法ワードプレスで記事内に目次を作りたい。個人的には「functions.php」と「style.css」を編集して目次を自動で生成してくるショートコードを作るというのが現状ベストかなと思っています。以下、もう少し解説を。ワードプレスで効率良く目次を作りたいワードプレスで目次を作る3つの方法この記事にもありますが、目次と言うのは冒頭にあるあれですね。記事の概要が一目でわかるし、見出しをクリックすればそこにジャンプできる。目次に必ずしもリンク機能が備わっていないといけないわけではありませんが、やはり記事の冒頭に見出しへのリンクがついた目次は便利です。この目次を作る方法は主に3つあります。自分で毎回手入力で作るプラグインを使うテーマを編集して作るです。目次を毎回手作りすることただ目次を作るだけなら手打ちでもいいわけです。毎回記事内に目次のHTMLを記述する。HTMLで記述すること自体が慣れてない人にはハードルが高い。仮に慣れても、今度は見出しを見ながら毎回目次に見出しのタイトルを打つといった二度手間が必要になる。よって多くの人は手入力ではなくもっと効率的な方法がないかと模索するわけです。「プラグイン」か「コードの編集」か?このような経緯で、目次を自動生成してくれるプラグインを探すに至ります。プラグインは基本的にワードプレスの動作を重くしますし互換性やセキュリティなど管理することが増えるため個人的にはできるだけ使いたくない。そのため、テーマを直接編集して目次を自動で生成できるようにしようという考えに行きつきます。全ての記事に自動で目次が生成するようなコードでは嫌だとういこと。今後記事を書く上で、目次が欲しいときもあれば欲しくないときもあるかもしれません。目次を自動で生成することもできるし、目次なしにもできるような状況にしたい。目次を自動生成するショートコードを作ろうという結論に至るわけです。作業内容としては、「functions.php」と「style.css」を編集します。テーマを編集するので、バックアップをとったり子テーマでの編集をおすすめします。以下のコードは「マメポップ」さんの記事を参考に、ちょこちょこ改良したものです。「functions.php」の編集//以下、目次の自動作成ショートコードの記述です//もし「functions.php」に他に何も書いていないなら、冒頭に「<?php」を付け足す。Toc_Shortcode();//以上、目次の自動作成ショートコードの記述でした。