魏艾斯笔记Avada主题header网页头部内容如何制作呢？Avada是目前 themeforest上面销量第一的 wordpress主题，所以很多人学习 wordpress建站都会从 avada主题学起。老魏在本文中分享 avada主题制作网页头部 header部分的详细过程，其实也适用于别的wordpress主题制作header页眉。
更多关于Avada主题的内容请看Avada专题
学习选择 1核2g配置的服务器，建站选择 2核4g配置会更流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
外贸、B2C/C2C等网站建议在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题
开始动手之前我们先了解下网站页面的基本结构，网页头部也叫页头、页眉、header，指的是网站上面包括logo、导航栏的这部分内容。如下图所示，从 avada的logo图片和导航栏开始向上都属于 header区域，也是我们本文要制作的内容部分。
选择 header 类型
avada提供多种 header类型供选择。
位于 wordpress后台 avada > options > header > header content 右侧的Select a Header Layout选择一款布局方式。
老魏选择默认的3，而大家常用的包括1,2,3,5都有。
添加page页面
菜单的具体栏目都是由page页面组成的。新建 home、about us、products、contact这几个页面。这几个名字就是page标题，内容留空，点击publish发布成功。
这几个page页面都创建完了是下图这样的。
建站初期我们先考虑搭建网站框架雏形出来，页面内容先空着以后再补充。
- 在 wordpress后台左侧的栏目中点击 appearance外观 > menus菜单，在 menu name给新菜单起名；
- 在 pages页面 most recent/view all 勾选要添加的全部page页，点击 add to menu添加到右侧导航菜单栏；
- 鼠标上下拖动给菜单排序，左右拖动是可以区分主菜单和子菜单；
- menu settings 默认勾选了 main navigetion 设为主导航菜单，下面的sticky header navigation是设为跟随菜单（也有叫粘性菜单，固定菜单）；
- 右侧点击 save menu保存。
刷新网站首页看到如本文第一张图片所示，导航菜单按照我们的意思显示出来了。
Avada主题制作header网页头部内容就到此结束了，网站设计往往是一个复杂的过程，在设计header的时候还会夹杂着制作首页的操作，但是为了让新手更快速、更容易理解所以老魏分开多篇文章讲解。老魏还发现导航菜单中的 blog 这一条，这条叫做 page title bar，首页显示这个明显是不合理的，怎么处理我们分享到下一篇文章中。