WordPress知识分享

DUX主题移动端底部导航菜单修改教程

魏艾斯笔记网站的移动端屏幕底部放了太多菜单,导致比较密集,多次有同学和老魏反馈这个事情,导致密集恐惧症都犯了,今天老魏开始解决这个移动端屏幕底部导航菜单的问题。

安装环境要求 推荐PHP 7.3~7.4,推荐MySQL 5.5~5.6;
伪静态(固定链接),使用宝塔面板一键设置伪静态 为获得更好的使用体验,推荐选用Linux系统;
为了网站安全稳定速度快,老魏推荐选择宝塔面板搭建网站环境、阿里云服务器腾讯云服务器部署主题;
入门主机配置 1核2G内存1M带宽,老魏建议选 2核4G内存1M带宽;
主题需要外网可访问的情况下才能激活,本地/内网服务器可能无法激活授权;

1、DUX主题导航菜单设置项

我们知道每款主题都会提供不同的菜单选项,DUX主题也不例外。

定位到 WordPress后台>外观>菜单,看到 DUX主题提供了五款内置导航菜单:

网站导航、网站导航-手机端、屏幕底部导航-手机端、顶部菜单、页面左侧导航。

2、单独添加手机端底部导航菜单

我们已经为PC端添加了菜单,接下来为移动端单独添加一个菜单。按照如下步骤操作:

  • 新建一个菜单,起名。
  • 添加合适的菜单项到右侧(比之前的少几个)
  • 勾选菜单设置中的“ 屏幕底部导航-手机端 ”
  • 保存生效

这么添加完成后,菜单列表中能看到两个菜单,一个是给PC端用的,一个是给移动端用的。

3、cdn刷新预热缓存

进入腾讯云cdn刷新一下预热缓存,让首页修改尽快生效。

此时再查看手机端屏幕底部的菜单就比较合理了,菜单数量少了就能合理排开,不会再有密集恐怖的情况了。

此时再查看手机端屏幕底部的菜单就比较合理了,菜单数量少了就能合理排开,不会再有密集恐怖的情况了。

4、注意事项

如果你的DUX主题导航菜单本来也没几个,效果不密集,那就不用像本文这样单独设置,添加一个菜单就够用,同时勾选网站导航、网站导航-手机端、屏幕底部导航-手机端就行。

这样修改后魏艾斯笔记的导航菜单分成PC端和移动端两种展现形式,分别针对不同设备平台访问。

对魏艾斯笔记主题感兴趣的请移步DUX主题详细介绍-WordPress国产中文主题

赞(0)
文章名称:《DUX主题移动端底部导航菜单修改教程》
文章链接:https://www.vpsss.net/27733.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。