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

现在,很多阅读工具或者网站中都会添加一个阅读进度条,让用户可以非常快速的了解自己已经阅读了多少内容,还剩下多少的阅读进度,体验非常好,在本文中我们教大家如何为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想要添加阅读进度条,推荐使用这款插件

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/112133.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2022年10月24日 01:00
下一篇 2022年10月24日 01:00

相关推荐

  • 正确设置基本的WordPress SEO

    WordPress开箱即用,是一个非常优化的内容管理系统。基本设置可以提供坚实的基础-即使没有大量的自定义,主题优化和插件。就是说,您应该采取一些措施来增加排名的机会,优化工作流程并确保网站得到完美的优化。 通…

    2020年4月9日
    0535
  • 记录wordpress关于修改SEO标题上面的title分隔符的方法。

    因为今天看到我的seo标题上面跟着的网站title分隔符上面左右有两个空格。因为前面都是没有空格的,所以导致看起来有点不顺心吧。于是今天在网上查了下资料,总于把这个问题解决了。 解决方法: 我们先依次进入wp-in…

    2022年3月22日
    0453
  • WordPress速度优化教程。

    在使用Wordpress的时候,经常会听到许多人说Wordpress速度慢,作为一个使用Wordpress多年的人就想说,其实Wordpress速度很快,优化好了完全可以赶上各种国内的CMS,今天就和大家分享几点WordPress网站速度优化的一…

    2022年10月25日 wordpress开发
    031
  • WordPress禁用站内搜索功能。

    站内搜索是大多数Wordpress网站常见的功能,能够让访客轻松的找到自己想看的文章,提高信息获取的效率,但是相对来说,搜索功能也是一个非常耗费性能的地方,尤其是使用低性能服务器或者数据量非常大的网站,每次搜…

    2022年10月24日 wordpress开发
    033
  • WordPress实现整站静态化 WP2Static使用教程。

    在使用WordPress搭建网站时,网站速度优化一直是重要的点,一般情况下我们可以通过一些设置,比如使用轻量的主题、删除无用插件、缓存插件等来提速,不过这些提升都是有限的,如果你对站点速度要求是第一位的,可能…

    2022年10月25日 wordpress开发
    054
  • WordPress屏蔽搜索引擎方法。

    在刚刚开始建站时,因为站点结构和初始内容都没有准备好,网站处于测试阶段,我们开放搜索引擎收录是没有意义的,如果搜索引擎收录了很多无用的页面,反而不利于我们后期的优化,所以在初建网站时,禁止搜索引擎是…

    2022年10月24日 wordpress开发
    035
  • 给WordPress开启AMP 加速移动网页。

    现在随便在Google移动端中搜索,经常会见到一些AMP标识的网页,并且越来越多的网站开始在移动端使用AMP技术,有很多好处,今天我们就说下如何给你的WordPress开启AMP 什么是AMP 在开始之前,我们先为大家介绍下AMP…

    2022年10月25日
    026
  • 我来分享wordpress 虚拟主机。

    在选择WordPress虚拟主机时,重要的是要考虑以下几个因素:PHP7或以上版本、MySQL5.6或以上版本,或MariaDB 10.1及以上版本、支持HTTPS(SSL)。虚拟主机的速度、安全性和可靠程度也是需要考虑的重要因素。在购买之…

    2024年7月25日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息