现在,很多阅读工具或者网站中都会添加一个阅读进度条,让用户可以非常快速的了解自己已经阅读了多少内容,还剩下多少的阅读进度,体验非常好,在本文中我们教大家如何为WordPress添加文章阅读进度条
安装进度条插件
![WordPress阅读进度条插件Worth The Read](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888910-1d105148651e730.png)
WordPress进度条插件有很多,这里WP资源瓜推荐的一款插件叫做 Worth The Read,这是一款专门为WordPress添加阅读进度条的插件,可以在WordPress后台直接搜索安装
开启阅读进度条
安装好插件后,你会还是没有进度条的,因为默认是关闭的,需要我们手动开启
打开仪表盘 – Worth The Read,里面有个选项叫做Display On,将其中的Posts开启,表示在所有的文章中添加阅读进度条,另外2个表示页面和首页,没有需求的话一般不用勾选,选择完后点击保存
![Worth The Read 为文章添加阅读进度条](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888915-fee771e4a748ad2.png)
然后我们查看文章,就会看到初试的进度条效果
![Worth The Read 默认进度条样式](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888920-05f8066f017dd21.png)
当然很多朋友会觉得默认的样式可能并不适合自己的网站,别急,接下来告诉你如何定制
设计进度条样式
Worth The Read插件提供了非常多的定制功能,都可以由用户自己决定
点击 Style,进入设置选项,这里主要是前景色、背景色、透明度等样式设置,下面有些重要的选项用中文做了说明
![Worth The Read 进度条样式选项](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888925-36be0e3b09d1cbf.png)
通过以上这些选项,我们就可以做出各式各样的文章阅读进度条
比如其他颜色的进度条
![WordPress文章阅读进度条](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888930-4d58fd03b7b4bb7.png)
带背景颜色的进度条
![wordpress带背景颜色的阅读进度条](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888935-2cacb491da7ced2.png)
带评论区域的进度条(需要在Functionality中开启Include Comments)
![wordpress进度条包含评论部分](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888940-60763bd9a9bbbb7.png)
不透明版进度条
![Worth The Read 设置进度条不透明](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888945-d2bd20a7e3f8d3c.png)
不透明版进度条除了需要在Style中设置不透明度外,还需要在Functionality中把 Fixed Opacity 选项开启
阅读进度条在其他区域(顶部、底部、左侧、右侧)
除了常规的顶部区域进度条外,你还可以在Worth The Read中把进度条切换到其他位置,让自己的站点显得更加与众不同
![](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888950-5a7dfa0eb9ee639.png)
![wordpress在其他区域添加进度条](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888955-c0e9b34b83c0245.png)
阅读时间预估(英文)
Worth The Read 还提供了一个重要功能就是预估文章阅读时间,可以根据你的单词数量计算出访客阅读完文章所需要的时间,并显示在文章的开头
![Worth The Read 文章阅读时间预估](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888960-32ee7e37d2e434f.png)
可以在后台定制阅读时间显示的位置,比如在标题前、标题之后、文章开头等,还可以用短代码插入任意的区域
你还可以设定每分钟阅读的单词数量,让预估更加准确
![Worth The Read设置每分钟单词阅读数量](https://img.ziyuangua.com/wp-content/uploads/2023/01/1672888965-6aab92c2e29f4d2.png)
唯一的遗憾是虽然有一个针对非英文的选项,但是对中文的支持并不好,所以阅读时间预估功能不适合中文站点
Worth The Read 是一款非常好用的阅读进度条插件,尽管是一个非常小的功能,作者也为我们提供了尽量多的选项,如果你的WordPress想要添加阅读进度条,推荐使用这款插件