WordPress 目录结构插件响应式最好的插件就是Table of contents (TOC) 导航目录插件,它可以设置在文章详情页、产品详情页、页面显示。虽然WordPress有很多免费的目录插件,可是文章下拉后目录导航不会跟随着页面滚动。需要返回到文章顶部才可以点击,用户体验很不好。
WordPress 目录插件 Table of contents 介绍
网上有其它付费的TOC插件,粗略使用对比后觉得还是Fixed TOC插件的客户体验最好, 可自定义程度高,点击查看Demo实例效果。而且Fixed TOC超轻量化,总共才加载3个资源,总体积16k,对性能和速度基本没有影响。
WordPress 目录插件Fixed TOC最大的特点是下拉页面后目录导航在会自动收缩成下图的浮动图标,点击展开目录,方便访客随时打开查看并且跳转到想要的文章章节,非常方便!
为什么要使用文章目录插件?
一方面TOC可以改善访问者的用户体验。文章目录可以让读者大概了解文章结构,轻易跳到想看的内容,节省时间优化客户体验。目录也能激励你很好地组织你的文本并有逻辑地构建它。
添加TOC也有助于搜索引擎优化 (SEO)。网站结构越好,Google 或 Bing 等搜索引擎就越容易理解您的内容并将其置于正确的上下文中。此外,积极的用户信号也会对你的排名产生积极影响。
在某些情况下,目录插件可以在SERP搜索结果页面增加显示导航和链接 (下图橙色和红色框内容),点击相应链接可以直接跳转到文章相应内容。这对SEO和访客体验都大有好处。
什么是GPL插件
此插件属于GPL授权产品,安全合法。点击了解什么是GPL协议,点击了解WordPress官网关于GPL的说明。简单的说采用GPL协议的插件/主题源代码开源共享,可以被合法地自由更改、使用、分发。
WordPress 目录插件安全性
直接从国外正规渠道购买,不修改源代码。所有插件我们自用建站,在多个站点使用过,安全、稳定、可靠。
- 通过Virustotal杀毒验证;
- 通过Wordfence源代码审核;
- 通过Sucuri安全杀毒扫描。
WordPress 目录Fixed TOC更新方法/记录
一般新版本出来24小时内本站会进行更新,届时请直接访问本页面下载新版本安装包上传更新,产品标题会写上最新版本号。只能通过上传安装包方式更新,介意勿拍,如果想要在线更新只能去插件官网购买原版。
安装/ 启用方法
直接下载安装fixed-toc,启用插件。
安装方法1:上传安装
在网站后台左侧菜单栏目找到并且点击“插件”>“安装插件”,然后点击左上角的“上传插件”,上传下载好的zip安装包点击“立即安装”,安装好后点击“启用插件”完成安装。
安装方法2:FTP安装
解压插件压缩包,将解压获得的文件夹上传至plugins目录(xxx.com/wp-content/plugins)。在网站后台左侧菜单栏目找到并且点击“插件”>“已安装插件”,在插件列表中找到该插件,点击“启用”。
Fixed TOC设置教程
在设置 > Fixed TOC 里面可以轻松设置插件,按下图设置即可。
如果要定义外观点击Appearance下面的文字链接进入自定义里面相应版块进行设置。
默认的样式比较丑,下面CSS是我们自己写来美化外观的,具体效果请查看实例。把所有CSS复制粘贴到 里面。颜色不喜欢的话修改下颜色代码(#开头的紫色字母)就行,不懂的话留言评论。
WordPress 目录 Fixed TOC使用教程
按上图教程设置后导航目录会出现在文章/页面内容上方,如果内容不含H2、H3、H4…标题则导航目录不显示。如果想调整目录位置,只需要在相应内容位置插入 [toc] 既可。
前端↓显示导航目录
注意:如果产品详情页插入[toc]后不显示导航目录只显示代码,关闭设置中下图的Smooth Scrolling。
▼ 资源获取 ▼ >夸克网盘永久资源< ▼ 持续追踪 ▼
- 转载请注明原文出处并保留链接,感谢配合!
- 本站资源及文章均源自互联网公开渠道整理,本站不参与任何形式的制作与编辑。如涉及版权争议,请立即联系我们处理。
- 特别提示:本站分享资源均为互联网公开信息,部分内容可能存在水印或推广信息。请用户务必仔细甄别,理性判断,自主决策。
- 重要声明:本站资源仅限用于学术研究及个人学习交流,严禁用于商业用途!任何未经授权的商业使用所引发的法律纠纷及责任,均由使用者自行承担。
评论(0)