锚链接是在 Elementor 中链接内容的关键。可以向内容中的任何文本或元素添加锚点。在本教程中,我们将使用 Elementor 的“菜单锚”小部件作为“按钮”和“顶部菜单”链接到单个页面上的指定内容。
1. 按钮指向锚链接
要开始使用,需要先找到要添加锚链接的按钮。单击按钮并在左侧菜单设置的“链接”部分添加锚链接。链接的格式,#contactus。
下一步是添加定位点。需要在“Elementor”窗口中选择“菜单锚点”小部件,然后将其拖动到要链接到按钮的内容上方。
在“菜单锚链接的 ID”部分中,输入之前创建的名称。
注意:请注意,这只是没有“#”符号的按钮链接格式。
完成后,单击下面的“更新”按钮保存更改。
专业提示:如果要链接到 Elementor 中的定位点,请务必检查元素之间的定位点名称是否匹配,比如上面设置的是contactus,对应的也要写一样的。否则,链接将失效。
2.Elementor菜单锚链接到顶部菜单。
对于顶部菜单,首先,打开WordPress仪表板,然后在左侧菜单上,转到外观>菜单。
在“菜单结构”部分,选择要链接到内容的菜单。
然后,在将出现的下拉菜单中,输入格式为 #contactus 的 URL。
注意:如果 URL 部分不存在,请使用“自定义链接”选项添加新菜单。
完成后,单击下面的“保存菜单”按钮。
现在,返回到要链接的内容的页面。在 Elementor 编辑器中,选择“菜单锚点”小部件并将其拖到要与菜单链接的文章上方。
将之前在“菜单结构”中创建的定位点名称输入到左侧的“菜单锚点的 ID”部分。
注意:同样,请注意,这是不带“#”符号的 URL 格式。
完成后,点击“更新”以保存更改。
还可以通过单击“更新”按钮旁边的“眼睛”图标来预览更改。
原文链接:https://www.itaoda.cn/blog/12749.html,转载请注明出处。
评论0