有很多博主觉得,一篇文章,需要有一个清晰的结构、目录
是吗?[wb_dog13]我也这么觉得?
所以这篇文章就是为了解决这个问题[wb_dog3]。
在 function.php 里添加以下代码
PHP
//给文章添加文章目录功能 使用H3标签识别 function article_index($content) { $matches = array(); $ul_li = ''; $r = "/<h3>([^<]+)<\/h3>/im"; if(preg_match_all($r, $content, $matches)) { foreach($matches[1] as $num => $title) { $content = str_replace($matches[0][$num], '<h3 id="title-'.$num.'">'.$title.'</h3>', $content); $ul_li .= '<li><a href="#title-'.$num.'" title="'.$title.'">'.$title."</a></li>\n"; } $content = "\n<div id=\"article-index\" class=\"article-index hidden-xs\"> <strong class=\"title\">文章目录</strong> <ul id=\"index-ul\" class=\"index-ul\">\n" . $ul_li . "</ul> </div>\n" . $content; } return $content; } add_filter( "the_content", "article_index" );
js和css就不发出来了[aru_59]
( 注:手机访问是没有显示的 )