WordPress 教程 – 最好用的 WordPress 目录插件 Table of contents 安装以及下载

WordPress 目录结构插件响应式最好的插件就是Table of contents (TOC) 导航目录插件,它可以设置在文章详情页、产品详情页、页面显示。虽然WordPress有很多免费的目录插件,可是文章下拉后目录导航不会跟随着页面滚动。需要返回到文章顶部才可以点击,用户体验很不好。

WordPress 目录插件 Table of contents 介绍

网上有其它付费的TOC插件,粗略使用对比后觉得还是Fixed TOC插件的客户体验最好, 可自定义程度高,点击查看Demo实例效果。而且Fixed TOC超轻量化,总共才加载3个资源,总体积16k,对性能和速度基本没有影响。

WordPress 目录插件Fixed TOC最大的特点是下拉页面后目录导航在会自动收缩成下图的浮动图标,点击展开目录,方便访客随时打开查看并且跳转到想要的文章章节,非常方便!

Wordpress 目录

为什么要使用文章目录插件?

一方面TOC可以改善访问者的用户体验。文章目录可以让读者大概了解文章结构,轻易跳到想看的内容,节省时间优化客户体验。目录也能激励你很好地组织你的文本并有逻辑地构建它。

添加TOC也有助于搜索引擎优化 (SEO)。网站结构越好,Google 或 Bing 等搜索引擎就越容易理解您的内容并将其置于正确的上下文中。此外,积极的用户信号也会对你的排名产生积极影响。

在某些情况下,目录插件可以在SERP搜索结果页面增加显示导航和链接 (下图橙色和红色框内容),点击相应链接可以直接跳转到文章相应内容。这对SEO和访客体验都大有好处。

Wordpress 目录

Pasted 8

什么是GPL插件

此插件属于GPL授权产品,安全合法。点击了解什么是GPL协议,点击了解WordPress官网关于GPL的说明。简单的说采用GPL协议的插件/主题源代码开源共享,可以被合法地自由更改、使用、分发。

WordPress 目录插件安全性

直接从国外正规渠道购买,不修改源代码。所有插件我们自用建站,在多个站点使用过,安全、稳定、可靠。

  1. 通过Virustotal杀毒验证
  2. 通过Wordfence源代码审核;
  3. 通过Sucuri安全杀毒扫描。

Wordpress 目录

 

WordPress 目录Fixed TOC更新方法/记录

一般新版本出来24小时内本站会进行更新,届时请直接访问本页面下载新版本安装包上传更新,产品标题会写上最新版本号。只能通过上传安装包方式更新,介意勿拍,如果想要在线更新只能去插件官网购买原版。

安装/ 启用方法

直接下载安装fixed-toc,启用插件。

安装方法1:上传安装

在网站后台左侧菜单栏目找到并且点击“插件”>“安装插件”,然后点击左上角的“上传插件”,上传下载好的zip安装包点击“立即安装”,安装好后点击“启用插件”完成安装。

上传Wordpress 目录插件

安装方法2:FTP安装

解压插件压缩包,将解压获得的文件夹上传至plugins目录(xxx.com/wp-content/plugins)。在网站后台左侧菜单栏目找到并且点击“插件”>“已安装插件”,在插件列表中找到该插件,点击“启用”。

启用插件

Fixed TOC设置教程

设置 Fixed TOC 里面可以轻松设置插件,按下图设置即可。

Pasted 15

Wordpress 目录插件设置

Pasted 19

Pasted 20

 

如果要定义外观点击Appearance下面的文字链接进入自定义里面相应版块进行设置。

Pasted 3  Pasted 4

默认的样式比较丑,下面CSS是我们自己写来美化外观的,具体效果请查看实例。把所有CSS复制粘贴到 Pasted 5里面。颜色不喜欢的话修改下颜色代码(#开头的紫色字母)就行,不懂的话留言评论。

WordPress 目录 Fixed TOC使用教程

按上图教程设置后导航目录会出现在文章/页面内容上方,如果内容不含H2、H3、H4…标题则导航目录不显示。如果想调整目录位置,只需要在相应内容位置插入

既可。

Pasted 21

前端↓显示导航目录

Pasted 22

注意:如果产品详情页插入

后不显示导航目录只显示代码,关闭设置中下图的Smooth Scrolling。

Pasted 24

 

评论被关闭。