Elementor 基础教程 28 - 菜单锚点小工具的设置和使用方法

Wordpress插件与设计 - Elementor 基础教程 28 - 菜单锚点小工具的设置和使用方法 - 特色图片

在浏览网页时,我们经常会看到点击某个按钮后,页面会自动跳转到下方或上方的特定位置。

这种页面内部的特定位置链接功能就是锚点链接。

Elementor 菜单锚点小工具就是用来提供这种锚点链接的工具。

使用菜单锚点小工具不仅可以给页面的特定元素添加锚点链接,还可以帮助用户更快、更容易地找到他们需要的信息。

对于超长页面或文本内容,使用定向的锚点链接能够提高用户体验和转化率。

本教程将详细说明如何使用锚点菜单小工具。

Elementor 菜单锚点小工具

首先,将菜单锚点小工具拖放到页面内目标元素的上方位置,如下图所示。

将菜单锚点小工具拖放到目标元素上方位置后,如下图所示。

1.菜单锚点小工具的内容标签

菜单锚点小工具的内容标签只有一个设置项:菜单锚点ID。

那么,什么是菜单ID呢?菜单ID就是给锚点设置一个独特的名称。

用世界地图来比喻,就是给地图上的地址标注。如果没有地址,我们就无法找到目的地。

在上图中,ID名设置为“maodian”。可输入的字符有A-Z, a-z, 0-9, _ , -

输入好菜单锚点ID后,就可以给其他页面元素设置链接到锚点的链接了。

在上图中,给图标框小工具的图标和标题添加了去向锚点位置的链接。在输入框中输入“#maodian”即可。前面的“#”不要删除。点击保存后查看效果,如下方视频所示。

从上面的视频中可以看到,当点击图标和标题时,页面将跳转到锚点所在的位置。

不仅图像框小工具,其他的图片,标题,图标等都可以设置锚点链接,如下图所示。

在上图中,输入菜单锚点ID链接后,只需点击图片就可以跳转到锚点ID所在的页面位置。

2.菜单锚点小工具的高级设置

高级设置是所有小工具通用的设置项。要了解具体的功能设置和使用方法,请阅读《Elementor通用教程 – 高级标签的设置和使用方法》。

以上就是菜单锚点小工具的使用方法。

希望本篇教程能对您使用Elementor有所帮助。

副业时代 站内使用 图像内容 LOGO图像 4
fuyeshidai

做点副业,为生活加点料

快速 搜索
站长 推荐
WP相关 文章推荐
Wordpress插件与设计 - WP教程 19 - 从选择主题到自定义设置,小白也能轻松掌握 - 特色图片

WP教程 19 - 从选择主题到自定义设置,小白也能轻松掌握

Wordpress插件与设计 - Elementor 基础教程 14 - 图像幻灯器小工具的设置和使用方法 - 特色图片

Elementor 基础教程 14 - 图像幻灯器小工具的设置和使用方法

Wordpress插件与设计 - Elementor 专业教程 30 - Paypal Button小工具的设置和使用方法 - 特色图片

Elementor 专业教程 30 - Paypal Button小工具的设置和使用方法

Wordpress插件与设计 - WP教程 15 - 新手小白也能轻松创建和管理页面 - 特色图片

WP教程 15 - 新手小白也能轻松创建和管理页面

已阅读文章一览
没有找到更多文章
用户评论
{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}