为WordPress文章添加阅读进度条 Worth The Read

wordpress为WordPress文章添加阅读进度条 Worth The Read已关闭评论207阅读模式

现在,很多阅读工具或者网站中都会添加一个阅读进度条,让用户可以非常快速的了解自己已经阅读了多少内容,还剩下多少的阅读进度,体验非常好,在本文中我们教大家如何为WordPress添加文章阅读进度条

安装进度条插件

为WordPress文章添加阅读进度条 Worth The Read
 

WordPress进度条插件有很多,这里WP主题站推荐的一款插件叫做 Worth The Read,这是一款专门为WordPress添加阅读进度条的插件,可以在WordPress后台直接搜索安装

开启阅读进度条

安装好插件后,你会还是没有进度条的,因为默认是关闭的,需要我们手动开启

打开仪表盘 – Worth The Read,里面有个选项叫做Display On,将其中的Posts开启,表示在所有的文章中添加阅读进度条,另外2个表示页面和首页,没有需求的话一般不用勾选,选择完后点击保存

为WordPress文章添加阅读进度条 Worth The Read
 

然后我们查看文章,就会看到初试的进度条效果

为WordPress文章添加阅读进度条 Worth The Read
 

当然很多朋友会觉得默认的样式可能并不适合自己的网站,别急,接下来告诉你如何定制

设计进度条样式

Worth The Read插件提供了非常多的定制功能,都可以由用户自己决定

点击 Style,进入设置选项,这里主要是前景色、背景色、透明度等样式设置,下面有些重要的选项用中文做了说明

为WordPress文章添加阅读进度条 Worth The Read
 

通过以上这些选项,我们就可以做出各式各样的文章阅读进度条

比如其他颜色的进度条

为WordPress文章添加阅读进度条 Worth The Read
 

带背景颜色的进度条

为WordPress文章添加阅读进度条 Worth The Read
 

带评论区域的进度条(需要在Functionality中开启Include Comments)

为WordPress文章添加阅读进度条 Worth The Read
 

不透明版进度条

为WordPress文章添加阅读进度条 Worth The Read
 

不透明版进度条除了需要在Style中设置不透明度外,还需要在Functionality中把 Fixed Opacity 选项开启

阅读进度条在其他区域(顶部、底部、左侧、右侧)

除了常规的顶部区域进度条外,你还可以在Worth The Read中把进度条切换到其他位置,让自己的站点显得更加与众不同

为WordPress文章添加阅读进度条 Worth The Read
为WordPress文章添加阅读进度条 Worth The Read
 

阅读时间预估(英文)

Worth The Read 还提供了一个重要功能就是预估文章阅读时间,可以根据你的单词数量计算出访客阅读完文章所需要的时间,并显示在文章的开头

为WordPress文章添加阅读进度条 Worth The Read
 

可以在后台定制阅读时间显示的位置,比如在标题前、标题之后、文章开头等,还可以用短代码插入任意的区域

你还可以设定每分钟阅读的单词数量,让预估更加准确

为WordPress文章添加阅读进度条 Worth The Read
 

唯一的遗憾是虽然有一个针对非英文的选项,但是对中文的支持并不好,所以阅读时间预估功能不适合中文站点

Worth The Read 是一款非常好用的阅读进度条插件,尽管是一个非常小的功能,作者也为我们提供了尽量多的选项,如果你的WordPress想要添加阅读进度条,推荐使用这款插件

继续阅读
  • 本文由 发表于 2022年5月1日 19:44:34
  • 除特别声明外,本站原创内容版权遵循 CC BY-NC-ND/2.5/CN协议规定
为什么我们选择用wordpress做企业网站 wordpress

为什么我们选择用wordpress做企业网站

你还没决定使用什么软件来构建你的新公司网站吗? 仍然认为WordPress只是搭建博客吗? 在互联网上有大约20%的WordPress网站,但你可能会惊奇地发现,实际上只有不到一半的是“博客”。下面就...
预防wordpress网站被黑的几项建议 wordpress

预防wordpress网站被黑的几项建议

1. 选一台好的服务器或虚拟机 好的服务器,安全性更可靠,比如选用大厂的服务器,如阿里云、腾讯云、华为云等等。我使用阿里云几年时间还未出现过安全问题,除了价格比较贵些。 2. 网站数据库备份 预防网站...
wordpress让用户注册后跳转到指定的页面 wordpress

wordpress让用户注册后跳转到指定的页面

wordpress程序在用户注册成功之后会自动的跳转到默认的登入页面,但是很多的时候为了实现一些页面和产品推广的效果,或者是提升用户的体验,我们需要让用户在注册完成之后不是跳转到默认的登入页面,而是跳...