qt 鼠标悬停显示菜单_如何使用Elementor的子菜单功能

本文介绍了如何使用Elementor编辑器的Nav Menu功能创建和设置子菜单,包括内容来源、布局、对齐方式、动态效果等,并详细讲解了样式设置,帮助提升外贸网站的导航体验和SEO优化。
摘要由CSDN通过智能技术生成

在我们做外贸独立站的过程中,往往需要在不同的位置增添更多的菜单功能,以实现我们网站内页之间的相互跳转,让网站各个页面内容之间的联系更加紧密。但是在传统观念中,我们所熟知的网站菜单就是网页顶部的主导航菜单。当然有的同学会说,如果是为了页面之间的跳转,那用页面内的锚文本不就可以实现了吗?

从某种角度上来说,页面内锚文本确实能够实现网站内不同页面之间的跳转,但在具体的实现样式上并没有导航菜单丰富。为了解决这一问题,Elementor编辑器的开发团队专门设置了一项功能叫做“Nav Menu”。使用这个元素,我们可以在很大程度上按照自己的网页设计思路对子导航菜单进行个性化定制。接下来,Jack老师和同学们一起来认真学习 如何使用Elementor的子菜单功能 。

第一步:将Elementor编辑器中的“Nav Menu”功能元素添加到内容编辑版块

如上图所示,在箭头1所指的地方找到“Nav Menu”功能元素,然后鼠标左键按住不松开拖动到箭头2所指的内容编辑版块,直到内容编辑版块外边界线由灰色虚线变成蓝色虚线的时候再松开鼠标左键,这时候我们才真正的将Nav Menu元素成功的添加到了内容编辑区域,接下来就是对他的相关配置。

第二步:对Elementor编辑器中的“Nav Menu”功能元素进行主体功能设置

、“Menu”:指的是子菜单的内容来源,它是一个下拉选项框,需要说明的是,这个下拉框中的菜单选项需要我们自己提前在wordpress的外观中找到菜单,然后新建子菜单并对其命名,这样才能出现在上图的menu下拉框选项中

、“Layout”࿱

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值