为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添加复制弹窗提示 首先将如下的代码中copyNoticeString的文字提…

    2022年10月24日
    028
  • WordPress添加网站Favicon图标的4种方法。

    除了Logo以外,网站还有一个非常重要的视觉元素——Favicon图标,它在浏览器中起着非常大的作用,今天我们就和大家分享WordPress添加网站Favicon图标的4种方法 为什么要使用Favicon图标 很多人觉得网站顶部有Logo就好…

    2022年10月24日
    040
  • WORDPRESS整站全面SEO优化指南

    wordpress WordPress是大家熟知的一款建站程序。它功能强大、模板丰富、插件充足、安装简单以及定制性强的特点使得我们在建立个人博客,甚至企业网站 或其他类型网站使用也会选择Wordpress。我对WordPress SEO有一…

    2016年6月11日
    0563
  • WordPress提示Briefly unavailable for scheduled maintenance解决办法。

    在使用WordPress时,有时我们在进行一些更新时,会遇到网站无法访问的情况,提示 Briefly unavailable for scheduled maintenance. Check back in a minute,整个网站无法访问 为什么会出维护提示? 通常,这种情况…

    2022年10月25日
    023
  • 2022年好用的WordPress极简主题推荐。

    在现代网页设计中,极简风格一直是设计师们所推崇的,干净的界面加上简洁的设计,无论在哪里都更受欢迎,那么如何将自己的WordPress博客做成极简风格呢,在本文中,我们将为大家带来7款极简风格的WordPress主题,让…

    2022年10月25日 wordpress开发
    034
  • WordPress安全防护 你可以做这些事情。

    想要一个稳定的WordPress站点,除了要保证网站性能足够外,还要注意的一点就是网站安全,到2019年WordPress已经支撑了全球三分之一的网站,各种黑客针对WordPress的攻击也更加频繁,那么我们要如何保证自己的WordPr…

    2022年10月25日 wordpress开发
    030
  • 使用区块管理器隐藏不需要的古腾堡区块。

    在使用古腾堡写WordPress文章时,会发现有一些区块并不会经常用到,但是总是在编辑器中干扰写作,这个时候如果你不想在使用这个区块,可以使用区块管理器来隐藏这个区块 区块管理器(Block Manager)是古腾堡中集成的…

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

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

    2024年7月25日
    00

联系我们

QQ:951076433

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