分享文章:WordPress欲思主题添加文章目录功能

　　分享文章:WordPress欲思主题添加文章目录功能

　　如文章标题所说，如何给wordpress主题的文章内容添加导航目录？这也是我在看最近写的文章的时候，突然想加这么一条需求。主要原因是如果文章太长，浏览者浏览文章会很困难，尤其是超长的文章，用户体验不好。有了这个导航功能，我们就可以随时定位到自己想看的内容，一步到位，让浏览者省时省力，相当于一个入口。所以从用户的角度来说，实现这个功能是很有必要的。而且，在文章中加入文章目录功能，不仅让文章更有条理，也有助于SEO。好了废话不多说了，

　　我们先来看看效果：

　　1.通过插件实现文章的导航功能

　　接触过WordPress的同学都知道，有很多插件可以满足我们日常的项目需求。不想折腾代码或者不会代码的朋友，建议下载插件：WordPress插件的TOC和Content Index不是本章的重点，就不多说了这里。想使用插件的可以自行百度，或者在后台插件中搜索安装即可。

　　2.纯代码实现

　　在网上找到了以下代码的源码，但是不能满足我们的需求。修改后可以匹配h2和h3标签。只需要在主题的functions.php文件最后一个“?>”之前添加如下代码即可。

<p>function article_index($content) {

$matches = array();

$ul_li = &#x27;&#x27;;

//匹配出 h2、h3 标题

$rh = "/(.*)/im";

$h2_num = 0;

$h3_num = 0;

//判断是否是文章页

if(is_single()){

if(preg_match_all($rh, $content, $matches)) {

// 找到匹配的结果

foreach($matches[1] as $num => $title) {

$hx = substr($matches[0][$num], 0, 3); //前缀，判断是 h2 还是 h3

$start = stripos($content, $matches[0][$num]); //匹配每个标题字符串的起始位置

$end = strlen($matches[0][$num]); //匹配每个标题字符串的结束位置

if($hx == "