对于这种方法,我们将使用Thrive Theme Builder。 Thrive 主题生成器不仅有阅读进度条,还有数十个用于各种目的的主题模板,从博客到企业网站。
最好的部分是拖放构建器易于使用,甚至适合初学者。您可以在我们的Thrive Themes Review中找到有关该平台的更多信息。
Thrive Themes 的一个缺点是没有免费版本。但是,您可以使用我们的Thrive Themes 优惠券代码在首次购买时享受高达 50% 的折扣。
第一步是设置 Thrive 主题生成器。您可以通过登录您在 Thrive Themes 网站上的帐户来访问此插件。
然后下载并安装 Thrive Product Manager 插件。有关更多信息,请参阅我们的WordPress 插件安装初学者指南。
安装 Thrive 产品经理
激活插件后,单击WordPress 管理区域中的产品管理器。
现在您已经设置了主题,让我们向主题模板添加阅 埃及电话数据 读进度条。由于我们只想在 WordPress 帖子中显示阅读栏,因此我们只需要编辑单个帖子的模板即可。
为此,请转到 Thrive 主题生成器中的“模板”选项卡。然后找到“标准帖子”模板并单击“编辑”。
编辑 Thrive Theme 的单篇文章模板
您现在应该位于主题生成器中。应该有一个用于编辑模板的左侧边栏、模板本身的预览,以及右侧的一个小工具栏用于添加更多块或更改模板的样式。
要添加阅读计数器,请向下滚动左侧边栏并找到“阅读进度跟踪器”设置。只需单击切换开关即可激活它。
使用 Thrive Theme Builder 添加阅读进度指示器
现在应该有更多可用设置可让您编辑阅读位置显示。
首先,您可以选择是将进度条插入标题下方还是视口顶部(标题正上方)。如果选择第一个选项,则需要确保标题保持在顶部;稍后我们将向您展示如何执行此操作。
在 Thrive Theme Builder 中更改阅读进度条位置
接下来,您可以更改进度条的颜色。为此,只需单击颜色选择器即可。
现在您可以选择一种主题颜色,这是主题的预定义配色方案。或者您可以单击“与主题颜色分离”来选择不属于您的主题的完全不同的颜色。