development_creative

この記事は1年以上経過しています。

【WordPress】目次を自動で生成・追加したい!

まずはコードをどうぞ

function toc_in($the_content)
{
    if (is_single()) {
        $toc = "<div id=\"toc\"></div>";

        $h2 = '/<h2.*?>/i'; //H2見出し
        $inpoint = '@<p>(.*?)</p>@si';

        if (preg_match($h2, $the_content, $h2s)) {
            $the_content = preg_replace($h2, $toc . $h2s[0], $the_content, 1);
        }
    }
    return $the_content;
}

add_filter('the_content', 'toc_in');

こちらをWordpressのfunction.phpに追記すると、
single.php(記事を表示するときに使用されるファイル)の記事内で、
見出しh2を使用すると、勝手に目次が生成されます!

しかも、どうやらページ内リンクも自動でつくみたいで、最高。
ユーザーにとっては、記事内の概要を把握するとともに、
見たい部分まで一直線な感じがいいね!!!

こういうところでクールジャパン魅せてこうぜ。って思う。

Related ariticle

関連記事

TOP