spot_img
HomeDTC品牌出海独立站教程如何向 WordPress 添加阅读进度条

如何向 WordPress 添加阅读进度条

JasperAI 10000字免费额度试用

您是否曾经在网站上阅读一篇文章并想知道您读了多远? 许多网站使用一种进度条向您显示您阅读了多远。 幸运的是,您可以使用 smooth 插件轻松地向 WordPress 添加阅读进度条。

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

WordPress 阅读进度条是一个很棒的工具,可以让您的网站脱颖而出。 它也是您网站用户访问的绝佳工具。 进度将告诉您的读者他们阅读了一篇文章多远,并向他们展示他们还剩下多长时间。

您可以通过多种方式设置进度条的样式并将其显示在您的 WordPress 网站上。 我们将不使用任何类型的复杂代码,而是使用我发现的一个很棒的插件,叫做“Reading Progressbar”。

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

这些插件中有许多是付费的,但我发现了一个完全免费使用的插件,它会给你很多选择。 让我们一起来看看吧。 如果您好奇的话,下面还有一些替代方案可供选择。

WordPress divi主题

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

阅读进度条

阅读进度条插件

Reading Progressbar 插件将允许您在您的网站上以进度条的形式轻松安装和配置位置指示器。 该插件非常独特且轻巧。

它为您提供了多个位置选项,包括在页面顶部或底部显示栏。 您还可以对其进行更多自定义,以在帖子类型或某些页面中以不同方式显示。

Reading Progressbar 也有几个设计选项。 其中一些包括:

  • 进度条高度
  • 前景色
  • 背景颜色
  • 进度条定位
  • 如果选择了自定义位置,则可以修复类
  • 页面模板
  • 帖子类型

基本上,这个阅读进度条 WordPress 插件将为您提供在 WordPress 网站上定位和显示动态进度条所需的一切。

也许这个插件最好的地方在于它是免费的。 因此,让我们看一下它,看看安装和设置它需要什么。

笔记: 这不适用于多站点安装。

安装阅读进度条插件

为了为您的 WordPress 网站创建和配置阅读进度条,首先需要安装并激活该插件。 您可以前往 WordPress 管理仪表板的插件页面来执行此操作。

安装并激活阅读进度条插件

谷歌SEO优化服务

安装并激活插件后,您就可以找到进入主配置页面的方式。 要到达那里,请单击“设置”>“阅读进度条”。

点击设置然后点击阅读进度条

这将带您直接进入插件的主配置页面。 从这里,我们可以一起完成设置过程。

配置阅读进度条设置

现在您已经到达阅读进度条插件的设置页面,是时候设置它在您网站上的外观和感觉了。

由于没有大量的选项可供选择,因此设置快速而简单。 他们给你的只是足以让它在你的网站上看起来很棒。

H10的年终大促

顶部的第一组选项包括:

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

阅读进度条设置

继续填写您认为适合您网站的内容。

现在向下滚动页面一点点。 您将看到最后两个部分。 在第一个中,您将填写要应用阅读进度条模板的复选框。 选择对您重要的所有内容。

然后继续并选择您希望栏显示和显示的所有帖子类型。 同样,有几个选项可用。 无论您想检查什么,请继续这样做。

更多插件选项

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

查看前端的进度条

现在您已完成所有设置,是时候查看您的阅读进度条了。 为此,您可以转到您在上面的设置中将其设置为显示的任何帖子或页面。

对于下面的示例,我将高度设置为 7px,并且我们制作了一个带有红色的黄色进度条,以显示您在任何给定时间完成了多少帖子。 我还选择在页面顶部显示进度条。

黄色进度条

高质量外链购买

现在,当我们向下滚动帖子时,您可以看到栏中的红色开始越来越多。 这代表我们在帖子中走了多远。

红色进度条

而已! 此时,您创建的阅读进度条应该功能齐全,并显示在您在配置步骤中设置的站点的每个部分。

替代插件解决方案

如果您想要比 Reading Progressbar 插件更强大的东西,那么您可以查看几个不同的解决方案。 这两个都是插件,易于安装和配置。

使用这些作为本教程中演示的替代方法。 他们可能会提供更多您想要的东西。 他们也可能有更多的选择。

writesonic

无论哪种方式,他们都完成了同样的事情。 如果需要,可以考虑使用以下几个 WordPress 进度条插件。

WP 进度条

WP 进度条

WP Progress Bar 是一个非常轻巧且易于使用的插件,可让您在帖子和页面上显示进度条。 该插件是完全可定制的,可以在任何设备上完美显示。 这使其对移动设备友好且响应迅速。 作为替代品,这个绝对值得一看。

进度条&技能条

进度条和技能条

Progress Bar & Skill Bar 插件允许您将进度条和技能条添加到 WordPress 网站中您想要的任何帖子或页面。 这一个还允许您添加多种颜色和样式的进度条。 它是一个更复杂的进度条版本,如果需要,它可以让您使用更多功能。 如果您正在寻找更复杂的进度条插件,请尝试一下。

最后的想法

WordPress 中的阅读进度条会给您的网站一个独特的外观,并添加一些其他网站所没有的东西。 此外,该栏还将为您的网站用户提供一种工具,使他们能够导航和了解他们对文章的了解程度。

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

你用过这个插件来创建阅读进度条并显示在你的网站上吗? 您是否尝试过其他插件选项或使用您自己的代码来完成此操作?

5分钟生成10篇英文软文article forge软件试用
跨境电商独立站代运营服务综合套餐项目合作请联系客服微信 13564054264
服务项目服务模块服务效果服务周期服务费用 RMB
海外市场调研
与品牌诊断
目标市场调研1份调研报告按次(5-7个工作日)5000
消费受众分析
市场准入条件
竞品发展轨迹
市场销售策略
品牌商业化诊断
TikTok
账号代运营
TikTok账号定位3个账号运营
500条视频内容发布
按季度(50-65个工作日)30000
TikTok内容策划
TikTok视频制作
TikTok账号涨粉
TikTok数据分析
TikTok
直播代运营
TikTok直播策划20-24场直播按月度(20-24个工作日)15000
TikTok网络搭建
TikTok选品分析
TikTok话术提炼
TikTok直播开展
TikTok直播数据分析
TikTok
KOL/KOC营销
TikTok行业达人匹配500-1000个达人邀约/天按月度(20-24个工作日)10000
TikTok行业达人邀约
TikTok行业达人签约
TikTok达人合作跟进
TikTok达人合作完成
海外社媒
代运营
海外社媒运营需求确认insgarm
Facebook
Pinterest
Linkedln
海外社媒运营(4选2)
按季度(50-65个工作日)30000
海外社媒运营方案制订
海外社媒代运营开展
海外社媒活动策划&开展
海外社媒账户涨粉&数据分析
海外线下
代理商拓展
渠道代理目标市场确认主要服务地区为欧美/东南亚
限定1-3个国家
按季度(50-65个工作日)35000
渠道代理商信息抓取
渠道代理商邮件邀约
渠道代理商洽谈准备
渠道代理商签约合作
渠道代理商完成合作
海外广告代投放海外广告账户开户TikTok
Google
Facebook
海外广告代投
(电商/游戏)
按季度(50-65个工作日)开户首充1000美金
10%广告投放佣金
海外广告产品分析
海外广告代投计划制订
海外广告代投内容制作
海外广告代投放开展
海外广告代投效果优化项目合作请联系客服微信 13564054264
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES