WordPress 纯代码实现文章目录功能效果

最新推荐文章于 2024-05-29 09:45:51 发布

程序小小生

最新推荐文章于 2024-05-29 09:45:51 发布

阅读量852

点赞数

分类专栏： WordPress 文章标签： Wordpress文章目录 WordPress文章目录功能 WordPress文章目录插件 wordpress网站文章目录 Wordpress文章目录效果

本文链接：https://blog.csdn.net/cnpinpai/article/details/128524107

版权

本文介绍了如何在WordPress中不使用插件，而是通过添加PHP和CSS代码来创建文章目录的功能。通过匹配H2到H6标签的内容，实现文章的索引目录，提升阅读体验并有利于SEO优化。

摘要由CSDN通过智能技术生成

如果我们在创作文章的时候，这篇文章很长且有很多大标题和小标题，那我们便于阅读效果的体验肯定是需要用到索引目录。这里，我们当然是可以用到 WordPress 插件实现，比如我们可以用到 LuckyWP Table of Contents、Easy Table of Contents 这两个插件是比较多的。具体的后面 WordPress 主题网再详细介绍这 2 个插件。WordPress文章目录功能效果，在很多大型网站中经常用到这样的功能，最常见的就是百度百科中的人物目录索引，在人物简介下面就会出现一个人物的目录，主要就是介绍各种经历、事件等等与人物相关的事情，从这个方面来说，还是比较利于网站的SEO优化的；另外，在文章的开始也提到了两处好处，不仅可以增强文章的相关度，还可以提示用户的体验度，总的来说都是为了SEO优化，能让网站文章获得更好的SEO优化效果。

1、先在 WordPress 当前主题文件下的 functions.php 文件里添加上以下 Php 代码：

function article_list($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