You are here:  Home » PHP » 如何在WordPress帖子中添加阅读进度条

您是否注意到一些热门网站如何在文章顶部显示阅读进度条指示器?这个小小的条形图向用户展示了多少文章留下来滚动并鼓励他们继续阅读。在本文中,我们将向您展示如何在WordPress帖子添加阅读进度条。

Reading progress bar indicator in WordPress

为什么以及何时应该在WordPress中添加阅读进度条

用户在决定是留下还是离开之前在网页上只花费几秒钟。如果您发布长篇文章,保持用户参与变得更具挑战性,因为他们需要用户向下滚动。

某些网站所有者添加内联相关帖子,其他人使用视频或图片库来保持用户在页面上。

阅读进度条添加了一些用户界面增强功能,鼓励用户向下滚动。它还激励用户完成他们正在阅读的文章。

许多流行的网站,如每日野兽,使用阅读进度指标吸引他们的读者。但是,您还需要确保阅读进度指示器是微妙的,并且不会破坏您网站上的用户体验。

话虽如此,让我们看看如何轻松为WordPress帖子添加阅读进度指示器。

视频教程

订阅WPBeginner

如果您不喜欢视频或需要更多说明,请继续阅读。

添加阅读进度栏在WordPress帖子中

您需要做的第一件事是安装并激活Worth The Read插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您需要访问设置»值得阅读页面设置进度条指示器。

Setting up your reading progress indicator

首先,您需要通过选中“启用”选项启用阅读进度条。之后,您需要选择要显示进度条的位置。

默认选项位于顶部,大多数网站都使用该选项。您可以更改它以在页面的右侧,左侧或底部显示进度条。

该插件允许您选择进度条的前景色背景色以匹配您的WordPress主题。背景颜色用于填充空白进度条,前景颜色将用于在用户向下滚动时显示进度。

您还可以通过选中包含注释选项在进度条的总长度中包含注释。如果您要包含注释,则还可以为注释进度区域选择不同的背景颜色。

页面上的最后一个选项允许您为进度条使用透明背景。选中此选项将覆盖背景颜色选项,并且当用户向下滚动文章时,仅显示前景色。

不要忘记单击保存更改按钮来存储您的设置。

这就是全部,您现在可以访问您网站上的任何一篇帖子,以查看实际进度条。

Reading progress bar

阅读进度条指示器仅适用于单个帖子。目前它不支持页面和自定义帖子类型。

我们希望本文能帮助您在WordPress中添加阅读进度条指示器。您可能还希望看到我们的10个WordPress插件列表,它们可以快速帮助您获得更多流量。

评论被关闭。