WPJAM Basic 扩展 - 文章目录:根据内容中子标题自动提取出文章目录

WPJAM Basic的「文章目录」扩展自动根据文章内容里的子标题提取出文章目录,并显示在内容前。

那么首先为什么需要文章目录呢?

SEO 之语义化

我们知道语义化是 SEO 页面优化的一个重点的内容,语义化不仅仅是使用 HTML5 去重构博客主题,还有使用 H2 H3 标签让博客文章内容也更有层次化和语义化。

而使用了 H2 H3 这些标签之后,可以建立锚点链接,建立文章目录,这样不仅方便博客的读者可以一目了然知道文章的内容是讲什么,并且 Google 和百度现在已经可以索引内部锚点链接。

文章目录缘起

对于 WordPress 博客来说,平常写博客的时候,就应该注意语义化,比如列表页,网站题目是 H1 标签,文章标题是 H2 标签,而文章页面,则标题是 H1 标签,内文从 H2 标签开始使用。

当做好上面的语义化之后,怎么自动生成锚点和文章目录呢?所以我就写了这个扩展,自动根据文章内容里的子标题提取出文章目录,并显示在内容前。

使用文章目录

WPJAM TOC 使用非常简单,就是在文章的右侧加入一个文章目录,让整篇文章更好导航,读者也可以在阅读之前知道这篇文章的大概意思。

WordPress 文章目录

正如上面所说,在编辑文章的时候,文章中的子标题需要按照 h2 h3 排好,插件会自动抓取的。

设置文章目录

「文章目录」扩展还支持非常详细的设置,后台点击「WPJAM」主菜单下的「文章设置」子菜单,然后进入「文章目录」标签页,就可以根据自己的需求进行设置:

首先支持单独设置,就是可以在文章列表和编辑页面可以单独设置是否显示文章目录以及显示到第几级。

然后设置到文章目录显示到几级,最多可以设置到第六级,接着可以设置显示位置,若上图所示,可以有三个选项,默认是自动显示文章前面,还可以使用 短代码插入到文章中,或者使用函数修改模板,比如下图是使用短代码插入文章中实现的:

最后是脚本是否自动插入的脚本设置,这个参考界面设置即可。

文章单独设置

开启单独设置后,在后台的文章列表和编辑也都可以设置文章目录。

比如后台文章列表页:

比如文章编辑页:

这个扩展就那么多功能,如果你的文章撰写的时候已经非常语义化,那么他会对你有非常大的帮助。

专题:WPJAM Basic 详细介绍


©我爱水煮鱼,本站推荐使用的主机:阿里云,国外主机建议使用BlueHost

本站长期承接 WordPress 优化建站业务,请联系微信:「chenduopapa」。