如何向 WordPress 添加阅读进度条

您是否在网站上阅读过文章,并想知道您已经达到了什么程度? 许多网站使用进度条类型来指示您阅读了多远。 幸运的是,您可以使用流畅的插件轻松地将阅读进度条添加到 WordPress 中。

为什么要添加阅读进度条?

WordPress 阅读进度条是一个伟大的工具,允许您使您的网站脱颖而出。 这也是一个伟大的工具,网站用户访问。 进度告诉读者他们阅读了多远,并指示他们还剩下多少时间。

有几种方法可以设置和显示进度条样式 文字新闻网站而不是使用复杂的代码,使用一个惊人的插件称为“阅读进度条”。

这允许您以多种格式显示进度条。 它为读者提供了一种有趣和有趣的方法来跟踪他们阅读的帖子数量。

这些插件中有许多是付费的,但我发现它们完全免费,并为您提供了许多选项。 让我们一起看看。 如果你有兴趣,有几个选择。

让我们来看看如何轻松地将阅读进度条添加到 WordPress 网站。

加载进度条

酒店 加载进度条 插件允许您以网站进度条的形式轻松安装和设置位置指示器。 插件是相当独特和轻量级的。

提供多种位置选项,例如在页面顶部或底部显示栏。 此外,进一步自定义 帖子类型 或特定页面。

有几个设计选项可以阅读进度条。 其中一些是:

  • 进度条高度
  • 风景
  • 背景颜色
  • 进度条放置
  • 选择自定义位置时修改类的能力
  • 页面模板
  • 帖子类型

基本上,这个阅读进度条WordPress插件提供了你需要放置和查看的一切 动态 您的 WordPress 网站上的进度栏。

也许这个插件最好的事情是,它是免费的。 因此,让我们来看看它,看看需要安装和设置它。

笔记: 这是 多站点安装.

安装阅读进度条插件

要创建和设置 WordPress 网站加载进度条,请先插入 安装和激活为此,请转到 WordPress 管理仪表板插件页面。

安装并启用读取进度条插件

安装并激活插件后,我想找到一种方法来转到主设置页面。 要到达那里,[設定]>[読み取りプログレスバー]单击。

[設定],然后单击[読み取りの進行状況バー]单击。

这将直接转到插件的主设置页面。 从这里,您可以一起完成设置过程。

配置读取进度条设置

现在,您已经到达了阅读进度栏插件设置页面,您可以设置您希望在网站上看到和感觉如何。

设置快速而简单,因为没有吨的选项通过。 他们给你足够的,使您的网站看起来更好。

顶部的第一个选项集包括:

  • 进度条高度
  • 风景
  • 背景颜色
  • 进度条位置
  • HTML 元素(如果需要)

读取进度条设置

继续并填写您如何适合您的网站。

然后向下滚动页面。 将显示最后两个部分。 在第一个示例中,键入要应用读取进度条模板的复选框。 选择一切对你很重要的东西。

然后,选择您希望在栏中显示的所有帖子类型。 同样,有几个选项。 无论你想检查什么,继续前进。

更多插件选项

现在,单击页面底部的“保存更改”按钮。 就是这样! 已成功将阅读进度条添加到 WordPress 网站。

查看前端进度条

现在,所有设置都已就绪,显示阅读进度条。 为此,请转到您设置为在上述设置中显示的帖子或页面。

在下面的示例中,我们设置高度为 7px,并将黄色进度条显示为红色,以显示我们在任何时候通过的帖子数。 我们还选择在页面顶部显示进度条。

黄色进度条

现在,当您向下滚动帖子时,您将看到栏开始显示越来越多的红色。 这表示帖子中的进展程度。

红色进度条

就是这样! 此时,您创建的读取进度条应完全正常运行,并显示在配置步骤设置的站点的所有部分。

替代插件解决方案

如果您需要比读取进度棒插件更健壮的插件,可以签出几种不同的解决方案。 两者都是插件,易于安装和配置。

使用它们而不是此中显示的内容 教程他们可能会提供你想要的更多。 他们也可能有更多的选择。

无论哪种方式,他们都会做同样的事情。 以下是一些 WordPress 进度栏插件,如果需要,应考虑这些插件。

WP 进度条

WP 进度条

酒店 WP 进度条 非常轻量级且易于使用的插件,可在帖子和页面上显示进度条。 插件是完全可自定义的,可在任何设备上完全显示。 这使得它移动友好,响应迅速。 这绝对值得一看作为替代方案。

进度和技能栏

进度和技能栏

酒店 进度和技能栏 插件允许您将进度栏和技能栏添加到 WordPress 网站中的任何帖子或页面。 这还允许您为进度条添加多种颜色和样式。 这是进度条的更复杂的版本,可根据需要提供更多功能。 如果你正在寻找更复杂的进度条插件,试试这个。

最终想法

WordPress 的阅读进度条使您的网站看起来独一无二,并增加了许多其他网站没有的内容。 此外,该栏还为网站用户提供了一个工具,他们可以在文章的任何地方导航和理解。

您可以使用 编程知识 使用您自己的代码在 WordPress 中构建进度条。 但是,如果您正在寻找一种更简单的方法来完成此任务,那么阅读进度条绝对是一种方法。 只需单击几下即可安装和设置,即可获得风格和功能。

您是否使用此插件创建读取进度条并将其显示在网站上? 您是尝试其他插件选项,还是在您自己的代码中执行此操作?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何在 WordPress 中组合 Jaba 脚本以获得更好的性能

2022-9-10 21:01:38

WordPress 教程

如何建立自己的个人金融博客

2022-9-10 23:05:53

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索