所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

如何使用elementor设置页面中的锚链接?

锚链接是在 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
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板