在网页设计中，打造流畅的浏览体验是吸引访客和提升互动的关键方法之一。而添加锚点链接（Anchor Link）就是实现这个目标的实用工具。如果你在使用 Elementor，那么添加锚点链接会变得非常简单。
锚点链接可以让访客通过点击按钮或链接，直接跳转到页面中的指定部分。这种方式可以节省时间，还能促使更多互动和点击行为。
本教程将为你提供详细的步骤指南，展示在 Elementor 中添加锚点链接的完整方法。请继续阅读。
什么是网页中的锚点链接？
锚点链接在网页中的作用原理
锚点链接是一种特殊类型的超链接，它让访客跳转到同一网页中的某个具体区域。简单来说，锚点链接就像船锚一样。
船锚的作用是让船停留在水面某处，避免漂移，使其围绕锚的范围自由活动。
锚点链接的作用也一样。当访客点击某个锚点链接时，会跳转到页面中的具体内容区域，而不是前往其他页面。这个过程节省了加载时间，也帮助访客更快找到他们想看的内容，并持续停留在当前页面中。
在 Elementor 中添加锚点链接（3 个简单步骤）
如果 Elementor 插件已安装在你的网站上，那么可以立即开始创建锚点标签。如果还不清楚安装方式，可以查看我们之前的 Elementor 安装教程。
接下来，按以下步骤操作：
步骤 1：在 Elementor 中选择编辑页面
登录 WordPress 网站，打开需要添加锚点链接的页面。
点击顶部菜单中的“使用 Elementor 编辑”，页面将加载进 Elementor 的可视化编辑器中。
步骤 2：搜索并添加“Menu Anchor”锚点标签
在左侧的搜索栏中输入“Menu Anchor”，你会看到一个名为“菜单锚点（Menu Anchor）”的小工具。这是创建锚点链接所需的组件。
步骤 3：使用 Menu Anchor Widget 添加锚点链接
找到菜单锚点组件后，将它拖拽到你希望跳转的页面区域上方。例如，想让用户跳转到“价格”区域，就把这个组件放置在该区域前。
然后，在组件的“ID”字段中输入锚点名称，例如“prices”。
接着，选择一个按钮或文本，作为点击后跳转锚点的链接。
例如，选择“Get Started（立即开始）”按钮作为锚点跳转按钮：
滚动到页面顶部，点击“Get Started”按钮。在按钮的链接栏中，清除原有链接，填写“#prices”作为跳转目标。
点击“保存”。
返回页面后，点击按钮，即可跳转到“价格”区域。
将锚点添加到 WordPress 菜单中
这个方法更加简单。
先为某个区域添加锚点。例如你想为“常见问题（FAQ）”区域设置跳转：
进入 Elementor，将 Menu Anchor 拖拽至 FAQ 区域前，并在 ID 字段中输入“faq”，点击保存。
接着执行以下操作：
返回 WordPress 后台；
进入“外观 > 菜单”；
点击“自定义链接”；在 URL 中输入“#faq”，链接文字写为“FAQ”；点击“添加到菜单”，然后保存。
保存完成后，前往网站前台，点击菜单中的“FAQ”，页面就会跳转至 FAQ 区域。
Elementor 添加锚点链接常见问题解答
下面是一些有关在 Elementor 中添加锚点链接的常见问题说明：
1. 什么是锚点链接？
锚点链接是一种可以让页面跳转到本页某一部分的链接。
2. Elementor 中怎么链接到页面特定部分？
选择需要跳转的区块，点击“编辑区块”；
打开“高级”设置；
添加 CSS ID，例如“First”；
选择需要跳转的按钮或文字；
在该按钮或文字的链接中填写“#First”。
3. WordPress 中如何手动添加锚点链接？
选择一个按钮或文本，在链接中输入“#锚点名称”；
找到跳转目标的区块，打开“高级”设置；
将 ID 设置为你设置的锚点名称（无需加“#”）。
4. HTML 中手动添加锚点链接的方法？
使用 <a href=”#目标ID”>跳转文本</a> 来设置锚点链接；
在目标区域 HTML 标签中添加 id=”目标ID”，如 <div id=”faq”>。
5. Elementor 中怎么为图片添加链接？
选择目标图片；
在“内容”设置中找到“链接”；
选择“自定义链接”；
填入目标链接地址。
最后总结
现在你已经掌握了在 Elementor 中设置锚点链接的完整方法。需要提醒的是，锚点链接不是随便添加的，而是页面中重要跳转功能的组成部分。建议先确定页面中最关键的几个区域，然后搭配合适的文字或按钮设置跳转路径。