给文章添加文章目录

原创 rg 2019-02-16 11:02 556 0

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

分享文章到各平台需要传递的参数 6个月前 (12-07) 5

发表评论

表情 图片 链接 代码

接收回复邮件通知