按页面打开它,顶部或底部
打开 Elementor 中的页面或帖子,单击齿轮图标 页面设置 (帖子上的帖子设置)并展开 阅读进度吧 段。打开 启用阅读进度栏 并设置 位置 到顶部或底部。条固定在屏幕边缘,并填充从0到100%,因为访问者从页面顶部滚动到底部。
- 设置按页保存,因此在长帖上启用,在短页上保留。没有全站切换。
- Elementor构建的页面和帖子上工作,因为该交换机在Elementor的页面设置中运行。
- 进度涵盖了整个页面高度,包括标题、评论和页脚,而不仅仅是文章文本。
- 对于登录用户,该栏位于 WordPress 管理栏下方。
高度、颜色和动画速度
套 高度 0到100px(默认情况下为5px)之间。 背景颜色 为空轨道着色(默认情况下为白色) 填充颜色 为进度着色(默认情况下为蓝色#007bff)。 动画速度 设置填充跟随滚动的平滑程度,从 0 到 1000 毫秒,默认情况下为 50。
- 您可以从 Elementor 套件中为曲目选择全局颜色并填充。
- 3到6px的条形是明显的,没有覆盖头部。
- 较低的动画速度感觉更直接,较高的动画速度更平滑但稍微延迟。
Elementor Pro 进度跟踪器与阅读进度条
Elementor Pro有一个进度追踪器小部件,它可以完成类似的工作,有更多的选项,下面是两者的比较。
| 特点 | Elementor Pro 进度跟踪器 | 母带阅读进度栏 |
|---|---|---|
| 价格 | 需要 Elementor Pro | 使用主插件免费 |
| 如何添加 | 小部件,通常放置在标头或单个帖子模板中 | 每个页面页面设置中的开关 |
| 形状 | 水平或圆形 | 水平杆 |
| 轨道 | 整个页面、发布内容或 CSS 选择器 | 整页 |
| 百分比标签 | 是的,可选 | 否 |
| 安置 | 无论您将小部件放在何处,都可以选择方向 | 固定在屏幕的顶部或底部 |
Elementor Pro的进度追踪器,如果你需要它从一个模板,一个圆形的样式或仅通过文章的进度在每篇文章中选择,选择阅读进度栏为一个免费的,简单的栏在选定的页面上,与免费配对 目录 长帖子上的小部件。
如何在 WordPress 中添加阅读进度栏
您需要 Elementor 和免费的主插件,页面或帖子在 Elementor 中进行了编辑。
- 安装并激活 WordPress.org 的主插件并在 中检查阅读进度栏是否已启用 主插件、扩展.
- 使用 Elementor 打开帖子或页面。
- 单击齿轮图标可打开 页面设置 (帖子上的帖子设置)。
- 扩大 阅读进度吧 然后打开 启用阅读进度栏.
- 选择顶部或底部,然后设置高度、背景颜色、填充颜色和动画速度。
- 更新页面并在前端滚动以检查栏。
阅读进度条常见问题
了解用户对阅读进度栏询问最多的查询,并在一个地方找到答案。
阅读进度栏免费吗?
是的。它是 WordPress。org 上 Master Addons 插件中的免费扩展,可与免费 Elementor 一起使用。它也显示在手机和平板电脑上,固定在顶部或底部边缘。
我可以将其添加到某些页面而不是其他页面吗?
Yes,而这是唯一的工作方式,开关在每个页面或帖子的Elementor页面设置中,所以打开它长帖子,然后将其留在其他地方,没有全局设置可以一次性添加到每个帖子中。
这会减慢我的网站速度吗?
No。启用的页面上添加了一个小内联脚本和几行CSS,没有额外的文件或图像。
它只衡量文章还是整页?
整个页面。填充从页面顶部延伸到最底部,因此标题、评论和页脚也算在内。Elementor Pro 的进度跟踪器只有在需要时才能跟踪帖子内容。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
