Avada主题menu导航菜单如何创建和设置?这个导航菜单是在 wordpress菜单创建基础上设置的。在创建 menu之前我们要先手动添加 page页面。这些页面在本文中都会作为 menu菜单中的一部分出现。
Avada主题 是themeforest中销量第一的wordpress主题,感兴趣可以点我去看看,那里面有上万个国外主题销售。目前在 themeforest上面这款主题是一次付款终身使用,和别的主题每年付费相比还是蛮划算的。更多关于Avada主题的内容请看Avada专题
学习选择 1核2g配置的服务器,建站选择 2核4g配置会更流畅。
国内服务器:阿里云、腾讯云(都有代金券,付款时抵用省钱) 不知道如何选择地域、配置请在页面右侧+老魏的联系方式,我们一起研究。
外贸、B2C/C2C等网站建议在国外注册域名。打开namesilo官网,在搜索框里输入并选择好后注册,记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机,价格便宜,性价比极高!Hostinger专题
SiteGround虚拟主机价格适中服务好!SiteGround专题
同时这里要提到一个前期策划网站框架的内容。在实际动手建站之前,我们最好先规划一下网站要做哪些内容,比如导航菜单通常都有 Home,About us,Products,news/blog,contact等必备页面,很多外贸网站、企业网站还可能有更多页面。
这属于wordpress基础知识范围了。
1、在 page中创建很多常用菜单,就好像本文开头提到那几个。
2、登陆 wordpress后台 > Dashboard > Appearance > Menu 里面点击 create a new menu,输入 menu name菜单名就开始创建 Menu了。
3、如下图所示从左侧 pages那里选择 most recent或 view all 勾选要添加到 menu菜单中的页面,如果most recent找不到就在 view all里面能找到全部 pages页面。点击 add to menu就添加到右侧 Menu structure中了。

Menu菜单排序及子菜单设置
如上图所示,用鼠标上下拖动 home,about us,news,products等几个菜单可以给菜单排序;
当位于 product菜单下方时,product1菜单向右侧拖动就变成了 products菜单的 sub item子菜单。
操作起来很简单。
Menu菜单位置
Avada主题提供了5种类型来给菜单所在位置提供设置,分别是:
- Main Navigation,主导航
- Top Navigation,header顶部导航
- Mobile Navigation,移动端主导航
- 404 Useful Pages,404页面导航
- Sticky Header Navigation 固定跟随页头导航,当页面较长向下拉动时 header一直跟随在最上面的效果
当你创建、编辑 Menu时,如上图所示有个 Menu Settings > Display Location中可以选择把菜单放到哪个具体位置。不要勾选Auto add pages,并不是每个 page都要添加到导航栏中的,先想好了再去手动添加。
如果你创建了多个 menu,也可以去页面上面右侧的 Manage Locations 中设置。

选择已存在的菜单
当你创建了2条及更多 menu菜单后,在 select menu中选择具体哪一个菜单,再点击右侧的 select就跳转过去了。

Screen Options
给菜单中的链接设置为从新窗口打开,添加portfolio category链接到Menu中,自定义链接等都在页面右上角有个 Screen Options,点开会看到这些选项。
你可以尝试着勾选和取消勾选这些选项,同时查看下面 Menus中的变化。

其实 Avada主题menu导航菜单的创建设置与 WordPress menu菜单创建几乎没啥区别,就是多了个 avada主题的 menu items 和 avada menu options选项。本文完全可以当做 WordPress menu菜单创建设置教程来学习。