前面我已经介绍过wordpress网站在kadence主题下的菜单设置(桌面版),今天继续来介绍一下如何设置网站手机端菜单,其实在kadence主题下,不管是桌面版还是手机端操作起来都差不多,但是因为不熟悉,很多新手总是设置不好移动端的菜单,我帮好几个新手设置过手机端的菜单,如果你也不太懂,请往下看。
先可以看一下
切换到手机/平板菜单设置
从网站后台的外观中点击自定义,然后点击页眉,就可以设置菜单了,自定义中另外有个菜单选项那个不用管,那个是创建菜单用的,真正创建菜单可以直接从后台外观中的菜单进去创建。在页眉设置中,右边下方看到平板电脑/手机,点击就切换到了手机端的设置。

你也能看出平板电脑和手机页眉共用设置的,也就是移动端的设置了。图片上现实的东西有点多,新手可能会有些不太清楚,其实假如你跟着我之前的文章设置过Kadence桌面版的菜单的话,这里你肯定有一些概念,不明白没关系,继续往下看。
添加触发器
默认情况下只要你切换到了手机设置,触发器就已经添加了,触发器是个什么东西?其实触发器就是我们浏览手机网站或者app的时候经常看到的三横杠或者三点。

点击这个三点或者三横杠你就可以打开菜单了,如果已经添加,那你就不需要添加了,假如没有添加你就直接从左侧的可用项目中找到触发器拖进右边三行中的任何位置。
接下来你可以设置触发器了,在触发器旁边有个小螺帽的图标,点击进去你就可以对触发器进行一系列的操作。

可以修改触发器图标,你可以看下图有三横和三点,而且还能设置点击触发器后对菜单界面的设计等:
- 菜单标签,这里你可以给你的触发器取个名字,比如直接就取菜单,右边三横旁边就会出现菜单然后三杠。
- 修改触发器图标
- 抽屉容器选项,这是点击触发器后打开的界面设置,界面中显示的内容在关闭画布中添加。
假如关闭画布这个位置中没有任何内容,那么你点击触发器后是一片空白。
另外你可以点击设计来修改触发器的图标大小颜色,背景,在抽屉容器中还能设置菜单界面的颜色等等。你可以一边修改参数,一边点击右边即时网站中又上角的三横或者三点的触发器来预览即时效果。
添加移动导航并选择手机菜单
先说一下移动导航,其实就是移动端菜单,只有当你添加了移动导航到关闭画布中这个才能真正显示你的手机菜单。默认情况同样是已经给你添加好了移动导航的,但我为什么还要专门说一下,因为有些新手乱点把添加好的移动导航给删除了,然后不知道在哪里添加。

假如你看到如上图所示,在关闭画布中是空的,那么说明你没有添加任何的内容到触发器中,首先你找到左边可用项目中的移动导航,直接把它拖进去就行了,也可以在关闭画布中点击加号添加移动导航,这个加号是隐藏的,只要你鼠标放上去就会显示。
添加好了移动导航,你还需要选择一个创建好的菜单,假如你之前在设置桌面版菜单的时候已经创建好了主菜单的话,你不需要再次创建菜单,直接点击移动导航旁边的螺帽选择之前的菜单即可。

如上图所示,我已经添加了之前的主菜单,菜单中的页面连接也显示出来了,首页和sample page,点击发布后,你可以用你的手机打开你的网站看看实际效果了。
另外关闭画布中你还可以添加其他比如按钮,社交媒体,当你点击触发器,这些内容都会显示在菜单下面。
设计手机菜单
添加好移动导航和菜单之后,你当然也是可以设计一下菜单的,比如字体,颜色等等。

另外宽度高度等等请到前文提到的抽屉容器选项中去设计,都是即时的,也就是说设置好参数你就可以查看效果了,看似麻烦,实际只要你理解了每一项的作用就非常简单了,非常大众化。
版权声明:本文原创文章,首发于青松跨境B2C,版权所有,未经允许,请勿转载!
转载请注明:如若转载,请先取得同意,然后注明原文链接,写点东西谁也不容易。