为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页面

    WordPress是一个很好的SEO友好平台,但为了更好的搜索引擎可见性,您需要SEO优化您在线发布的每个页面。 在这篇文章中,您将学习有关WordPress On Page SEO的所有信息。 我将首先解释一下WordPress帖子和页面之间的…

    2019年7月13日 SEO操作
    0305
  • Elementor怎样在一行内添加2个按钮。

    在网页设计中,双按钮是一种很常见的设计,在一行中添加2个按钮,可以让用户方便的进行选择,虽然在Elementor中并没有提供双按钮元素或者对应的选项,但是我们可以通过一些方法来实现一行内加2个或者更多的按钮,在…

    2022年10月25日 wordpress开发
    029
  • WordPress删除无用插件的方法。

    在配置WordPress站点时,我们会安装很多插件来实现自己需要的功能,但是有时会因为各种原因, 比如不需要对应的功能了,或者说找到了更好的替代插件等, 我们不再需要这个插件了,这时候我们应该移除对应的插件,本…

    2022年10月25日 wordpress开发
    046
  • WordPress修改古腾堡编辑器默认宽度方法。

    对于使用WordPress写博客的人,我们使用最多的就是它的编辑器了,新版的古腾堡编辑器为我们提供了许多特色模块 但是它有一个缺点就是编辑器的宽度并不像经典编辑器那样是全宽的,在很多主题中,后台编辑界面和实际…

    2022年10月25日
    037
  • 删除WordPress主题的3种方法,彻底删除多余主题文件。

    在使用Wordpress搭建网站时,非常方便的一点就是你可以随时更换你的主题,让网站成为另一种风格,但是因为Wordpress只能使用一款主题,更换下来的主题就没有用了,所以对于不需要的主题,我们最好把他们删除,今天…

    2022年10月24日
    045
  • WordPress如何禁用古腾堡编辑器全屏模式。

    在WordPress 5.4版本更新后,为古腾堡编辑器默认采用了全屏的编辑模式,很多朋友可能并不习惯使用全屏模式来写作,那么如何关闭全屏模式呢? 首先随便打开一篇文章,开启古腾堡编辑器 点击右上角的更多按钮 取消勾…

    2022年10月25日 wordpress开发
    031
  • 分享wordpress 插件有哪些。

    WordPress是世界上最流行的内容管理系统,但它也是最脆弱的。从小型博客到大型企业网站,每分钟都有超过九万起黑客攻击,安全问题变成了新用户和有经验的网站运行者的首要问题之首。虚拟主机提供商可以提供必要的服…

    2023年7月5日
    01
  • WordPress站内搜索排除指定文章。

    WordPress的站内搜索是一个非常好的工具,可以让访客快速找到自己需要的内容,减少网站的跳出率 不过有时候因为一些原因,我们并不想把某些特定的文章或者页面让访客在网站内搜索到,这个时候就需要将这些文章和页…

    2022年10月25日
    022

联系我们

QQ:951076433

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