魏艾斯笔记Avada主题导航菜单图标如何添加？有时候看到别人网站导航菜单的小图标很精美，这叫 icon图标。加上之后整个网站的感觉立马就不一样了，自己也想加一个。在 avada主题菜单添加图标很容易，本文中老魏分享详细操作过程。
Avada主题 是themeforest中销量第一的wordpress主题，感兴趣可以点我去看看，那里面有上万个国外主题销售。目前在 themeforest上面这款主题是一次付款终身使用，和别的主题每年付费相比还是蛮划算的。更多关于Avada主题的内容请看Avada专题
学习选择 1核2g配置的服务器，建站选择 2核4g配置会更流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
外贸、B2C/C2C等网站建议在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题
Avada主题导航菜单图标添加方法有内置和自定义添加两种，下面分别介绍。
如下图所示是菜单添加图标的效果，这些图标是avada主题内置的，我们只要挑选合适的图标就可以了。
avada主题的icon图标展示在 wordpress后台 appearance外观 > menus 菜单中已经添加了 home，about，products，contact等几个菜单，点击右侧向下的三角箭头并点击 Avada Menu Options。
弹窗中找到 Icon Select，根据导航菜单文字的含义挑选要设置的 icon图标。
你看到的 icons图标来源于 Fontawesome Icons，不满意可以去官网找。
如果想调整默认 icon 位置、大小、颜色、就去 Avada > Options -> Menu -> Main Menu Icons 中设置。
Main Menu Icon Position设置 icon在文字的上右下左哪个方位，一般选Left符合大多访客的浏览习惯。
- Main Menu Icon Size 设置 icon大小，滑动改变图标大小；
- Main Menu Icon Color 设置 icon颜色，打开网页后鼠标还没有移上去的颜色；
- Main Menu Icon Hover Color 设置鼠标移到菜单 icon的颜色；
- Mega Menu Thumbnail Size 一级（顶级）菜单如果开启了 Mega Menu，是可以设置自定义图片的，这个设置用来定义Mega Menu自定义上传图片的展示尺寸，一般情况下，两个数值都改成 18px或与旁边 icon大小一样的正方形会更美观。实际从 Icon Select库中往往不容易找到与产品匹配的图标，那么可以自定义上传图片。上传路径是 Icon Select 图标库下面的 Mega Menu Thumbnail 点击 upload。老魏的经验是先在本地处理好正方形矢量图片，尺寸控制在50px*50px以内。如下图所示 product前面的图标就是自定义上传的图片。
