1. >
  2. >
  3. 投稿ページに目次を自動生成するphpコピペ

投稿ページに目次を自動生成するphpコピペ

目次のイメージ
PHP

更新日:

目次の作り方

長めの記事を作ったとき、ユーザーに必要な情報を素早く得てもらうためにも、目次って必要ですよね。
でもいちいち目次書くのもめんどくさい方必見。コピペでコンテンツ内にあるh2、h3を目次にしてくれます。
もちろんページ内リンク付き。
このサイトで使っている目次のcssも載せているので、コピペで速攻使用可能です。

functionに以下をコピペ

cssに以下をコピペ

最初のcontent:none はリセットをかけている感じです。
リストなどに装飾をしていなければ、削除してください。
スマホサイズ(768px幅以下)になったときに余白の調整をしています。
ブレイクポイントはサイトに合わせて調整してください。

めちゃくちゃ簡単。10秒でできますね。

注意するポイント

全投稿ページに表示するように指示されていますが、記事内の見出しの数によっては表示されません。
記事内にh2、h3が3つ以上ないと生成されないので、目次が表示されていないときは、見出しを確認してください。

カテゴリー: PHP

検索語を上に入力し、 Enter キーを押して検索します。キャンセルするには ESC を押してください。

トップに戻る