有很多博主觉得,一篇文章,需要有一个清晰的结构、目录
是吗?[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]
( 注:手机访问是没有显示的 )