WordPress添加显示内容文章目录的两种方式

怎么给WordPress文章添加目录呢？方法有两种，方法一，使用代码集成到主题上。方法二，使用插件，安装后启用即可。

笔者建站笔记给大家分享一下插件添加文章目录和代码添加文章目录的方法。

WP文章目录插件推荐

笔者在给网站文章内容添加目录的时候，测试了很多款目录插件，最终剩下下面这两款觉得很不错的。

下面这两款目录插件都很好用，你可以都测试一下。

LuckyWP Table of Contents

这款是VPS机场百科目前使用的目录插件，效果你可以直接参见本文的目录效果。

LuckyWP Table of Contents带有丰富的设置功能，可以自定义显示样式、显示位置等。

选取他的一个原因是默认的效果更加配合本站主题，另外一个原因是他目录的链接默认是使用的拼音。

感觉看着更舒服？

下载地址

Easy Table of Contents

Easy Table of Contents同样也是一款很好用的WP文章目录插件，功能设置上比上面的LuckyWP Table of Contents要少一点点，不过使用的人也很多的。

下载地址

更新：想要一个浮动的文章目录插件，可以考虑Fixed TOC

Table of Contents Plus

第一款LuckyWP Table of Contents很久没更新，有兼容问题了。现在用的这款。

下载地址

代码实现文章目录的方法

不想使用插件的话，也可以直接使用代码来实现文章显示目录的功能，都是自动实现的不需要额外操作。

上图就是VPS机场百科之前使用的代码版文章目录的效果。

实现方法如下：

//文章目录 function article_index($content) { $matches = array(); $ul_li = ‘’; $r = ‘/<h([2-6]).*?\>(.*?)<\/h[2-6]>/is’; if(is_single() && preg_match_all($r, $content, $matches)) { foreach($matches[1] as $key => $value) { $title = trim(strip_tags($matches[2][$key])); $content = str_replace($matches[0][$key], ‘<h’ . $value . ’ id=“title-’ . $key . ‘”>’.$title.‘’, $content); $ul_li .= ‘

\\n" . $ul\_li . "