关注VPS服务器
相关知识分享

Avada主题创建设置menu导航菜单

Avada主题menu导航菜单如何创建和设置?这个导航菜单是在 wordpress菜单创建基础上设置的。在创建 menu之前我们要先手动添加 page页面。这些页面在本文中都会作为 menu菜单中的一部分出现。

同时这里要提到一个前期策划网站框架的内容。在实际动手建站之前,我们最好先规划一下网站要做哪些内容,比如导航菜单通常都有 Home,About us,Products,news/blog,contact等必备页面,很多外贸网站、企业网站还可能有更多页面。

WordPress创建 menu菜单

这属于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中了。

wordpress创建 menu菜单

wordpress创建 menu菜单

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 中设置。

avada主题Manage Locations设置

avada主题Manage Locations设置

选择已存在的菜单

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

avada主题选择已存在的菜单

avada主题选择已存在的菜单

Screen Options

给菜单中的链接设置为从新窗口打开,添加portfolio category链接到Menu中,自定义链接等都在页面右上角有个 Screen Options,点开会看到这些选项。

你可以尝试着勾选和取消勾选这些选项,同时查看下面 Menus中的变化。

avada主题Screen Options

avada主题Screen Options

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

安装 Avada主题前提条件

1、教程使用的国内服务器 1核1g从实际使用来看速度并不快。如果你是学习的话,选择 1核2g配置的服务器起步,如果用 avada主题建站要使用 2核4g配置,这样才能运行流畅。

国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱)

国外服务器:点我登陆 Vultr 主机

不知道如何选择地域、配置请在页面右侧+老魏的联系方式,我们一起研究。

2、如果是学习 Avada主题,那么也可以不用域名,直接用服务器IP当做网站域名使用。

如果是用来建站,那么就要注册域名了。主要用户是老外的话(外贸网站、B2C/C2C等),建议在国外注册,不要在国内注册。打开namesilo官网,在搜索框里输入要注册的域名,选择好之后注册,付费之前记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。

3、Avada主题

是themeforest中销量第一的wordpress主题,那里面有上万个国外主题销售,感兴趣可以点我去看看。目前在 themeforest上面这款主题是一次付款终身使用,和别的主题一年一付费的情况相比还是蛮划算的。付费后拿到注册密钥留用。

4、建站面板

老魏在本文中使用了宝塔面板,多亏宝塔的可视化操作界面,部署avada主题才这么快速。点我领取宝塔官方赠送 3188元优惠券礼包。新用户可享受0.99元体验1个月专业版。

5、siteground虚拟主机

是 wordpress官方推荐的主机,与 wordpress是天生一对。老魏在实际使用当中发现 siteground虚拟主机上面的 wordpress网站速度、稳定性都很棒,而且在国外测试评分网站的得分也很高,如果你打算长期运行外贸网站,老魏强烈建议选择 siteground虚拟主机。

如果你要做外贸网站,点我打开 siteground去注册一个新账号,开始你的外贸建站之旅吧。

关于 siteground建站:siteground专题

本文是全系列中第8 / 22篇:Avada

赞(0) 打赏
允许转载,保留出处:魏艾斯笔记 » Avada主题创建设置menu导航菜单

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏