如何在 Elementor 中添加目录
Elementor和免费的Master Addons插件,没有别的,页面还需要真正的标题标签(H2,H3等等),因为列表是从他们构建的。
- 安装并激活 WordPress.org 的主插件式(Master Addons)仪表板中,并检查目录是否已启用。
- 使用 Elementor 打开您的帖子或页面并搜索小部件面板 目录.
- 将其拖到列表应位于的位置,通常位于第一部分上方或侧栏列中。
- 在 内容、设置标题、选择列表样式并选择要包含的标题标签。
- 打开 可折叠 並 滚动 要添加切换、后到上箭头以及标头的滚动偏移。
- Style 选项卡中的标题、分隔符和链接进行样式化,然后预览页面并单击几个项目来测试跳转。
每个设置都包含在 目录小部件设置 指南。
从您的标题构建列表
选择级别 标题标签。H2、H3和H4默认选择,H1到H6中的任何一个都可以添加,当页面加载时,小部件找到那些标题,如果没有,则给每个标题一个ID,并按标题级别嵌套列表,重命名或添加标题,列表在下一个加载时将其拾取,因此没有锚链接可以用手跟上。
- 列表样式: 默认(无标记)、子弹或数字。
- 跳过一个标题: 添加 CSS 类
jltma-toc-hide-heading在该标题的"高级"选项卡中。 - 显示分离器: 标题下的一条可选行,有自己的样式、颜色、厚度和间距。
- 标题 ID 是根据标题文本制作的,因此您还可以直接链接到其他地方的部分。
侧边栏和移动设备的可折叠盒
打开 使内容可折叠 标题旁边出现一个切换图标,读者点击它打开或关闭列表,它会滑动而不是跳转。打开 保持最初崩溃 如果您希望加载仅显示其标题的框,这有助于在长合法页面和狭窄的侧边栏列中。
- 用于切换的图标大小和图标颜色控件。
- 分隔符与列表一起折叠。
- Widget没有自己的粘性设置,要在人们阅读时保持框在视野中,请使其列粘性与您的主题或元素职业运动效果。
平滑跳跃和返回顶部箭头
单击项目可将页面向下滚动到其标题。 滚动动画延迟(ms) 设置该滚动需要多长时间,默认情况下为 500,最多为 2000。与 滑动滚动 上你也得到 平滑滚动偏移 (px)的,它会停止在标题附近,因此一个固定的标头不会覆盖它,您可以为桌面,平板电脑和移动设备设置不同的偏移量。
- 滚动到顶部 在右下角添加一个小箭头,显示访客向下滚动后。
- 该箭头将读者带回目录,或您在滚动到顶部偏移中设置的位置。
- 箭头的尺寸、图标颜色和背景颜色控件。
- 读者单击的项目保留了内容样式部分中的活动颜色,以便他们可以看到自己跳到哪里。
Elementor Pro 目录与主插件目录
Elementor的目录小部件需要一个Elementor Pro许可证,它可以让你在滚动时更好地控制哪些标题出现以及列表的行为。主插件可以免费处理日常工作,并添加一个返回顶部箭头。
| 特点 | 元素专业版 | 主插件 |
|---|---|---|
| 价格 | 需要 Elementor Pro | 使用主插件免费 |
| 哪些标题 | 按标签锚(H1 至 H6)加上容器选择器以限制搜索区域 | 主帖子或页面内容的标题标签(H1 至 H6) |
| 将标题留出 | 按选择器锚定,任何 CSS 选择器 | 每个标题上的 CSS 类 jltma-toc-hide-heading |
| 标记 | 数字或带有您选择的图标的子弹 | 默认值、子弹或数字 |
| 筑巢 | 分层视图切换和折叠子项 | 始终按标题级别嵌套 |
| 崩溃 | 使用展开和折叠图标最小化 Box,以及开始最小化的断点 | 使内容可折叠并保持初始折叠 |
| 活动项目 | 当读者滚动时,请按照视图中的部分进行操作 | 标记读者点击的项目 |
| 滚动设置 | 小部件中没有速度或偏移控制 | 滚动动画延迟和每个设备的平滑滚动偏移 |
| 返回顶部箭头 | 没有 | 使用尺寸和颜色控件滚动到顶部 |
Elementor Pro 已经付费, 并且希望列表在阅读器滚动时跟踪, 则使用其小部件, 如果您想要一个带有可折叠盒和返回顶部箭头的免费目录, 请使用此相关: 阅读进度吧, 高级手风琴 並 画外内容(专业版).
目录常见问题
目录小部件免费吗?
Yes。org上免费的主插件的一部分,并且此页面描述的每个设置都在免费版本中。Elementor自己的目录小部件需要Elementor Pro。
如何从目录中排除标题?
要删除整个级别,请从标题标签(例如 H4)中删除该标签。要隐藏一个标题,请在 Elementor 中选择它,打开"高级"选项卡并添加 jltma-toc-hide-heading 到CSS类字段。它留在页面上,但被排除在列表之外。
活动项目是否会随着读者的滚动而变化?
号"样式中的活动颜色,内容为读者点击的项目进行样式设计,当他们点击另一个项目时,它会移动"列表在滚动时不会跟踪屏幕上的部分Elementor Pro的目录小部件这样做。
"滚动到顶部"箭头会出现在每个页面上吗?
仅在包含打开滚动到顶部的小部件的页面上。箭头位于右下角,显示访问者向下滚动约 250px 页面后。
我可以使用列表标记的自定义图标吗?
Not from widget面板。List样式提供默认,子弹和数字,内容样式部分设置字体和颜色。自定义标记图标将需要您自己的CSS。Elementor Pro的小部件有一个用于子弹的图标选择器。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
