魏艾斯笔记Avada主题是目前很流行的国外建站主题，我们在学习 avada主题建站初期有必要先了解网页基本结构和页面布局情况，这样对后面使用 avada主题建站，了解 avada主题Theme Options设置有很大帮助。Theme Options也叫主题选项，在 avada主题的网页布局中包括了很多设置项目，可以说网页中你看到的很多结构形式都是在 theme options中设置好的。
Avada主题 是themeforest中销量第一的wordpress主题，感兴趣可以点我去看看，那里面有上万个国外主题销售。目前在 themeforest上面这款主题是一次付款终身使用，和别的主题每年付费相比还是蛮划算的。更多关于Avada主题的内容请看Avada专题
学习选择 1核2g配置的服务器，建站选择 2核4g配置会更流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
外贸、B2C/C2C等网站建议在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题
外贸产品主要页面介绍
外贸产品网站包含多个不同含义的页面，比如网站首页、公司介绍页、产品分类页、产品详情页、国际证书页、联系我们等一系列围绕着企业和产品的页面。虽然每个页面内容不同，不过你仔细观察后会发现每一个页面在“天”“地”“左”“右”的布局上是比较相似的。比如魏艾斯笔记这种博客类型就很容易能分辨出页头、页尾，内容区域和侧边栏。
如下图所示是 avada主题经典DEMO的一个产品详情页，按照不同功能我们分为 6个区域，各自有各自的功能。
- 区块1：Header也叫页头、页眉、网站头部，这部分区域包含：Logo、导航栏、顶部联系方式、SNS图标等。在Avada主题 Theme Options -> Header。Header 中的Logo和Menu分别在 Theme Options > Logo 和 Theme Options > Menu 设置；
- 区块2：Page Title Bar也叫页面标题，还有面包屑的相关设置在 Theme Options > Page Title Bar 中找到。
- 区块3：Content 是网页正文内容，在编辑每个页面（Page、Portfolio、Post）时在Fusion Builder 中设置布局、添加和修改内容。这里是网页中动态变化的部分（每个产品页面、每个新闻页面内容都不同）。
- 区块4：Sidebar 是侧边栏，平时常见于网站右侧。存放产品分类、新闻标题、联系表单等。Sidebar分左、右两种，根据需要设置都显示、都隐藏或只显示一个，比如上图中的 right Sidebar，每个页面的 Sidebar 可以设置不同样式。Sidebar 内容在 Appearance > Widgets 添加；Sidebar 样式在 Theme Options > Sidebars 设置。
- 区块5：Footer又叫页脚/网站尾部。根据需要能设置1栏~6栏，常见的是3栏、4栏。比如本文图中的 Footer分成 4栏，包括about us，you may interested, contact info, search。内容和Sidebar一样在 Appearance > Widgets 中进行添加修改。
- 区域6也叫Copyright Bar，是 Footer的一部分。样式等在 Theme Options > Footer中设置。
以上几个区块中涉及到具体页面时部分参数可以在开启 fusion builder后，在页面下面的 fusion page options 中找到。
本文内容不仅适合 avada主题初学了解，所有的网站主题内容也都是由这些区域组成的。只要你想搭建网站就有必要先了解网页基本构成、页面布局这些基础知识。在学习 avada主题初期搞清楚页面由哪些部分组成，然后想调整某个区域内容和样式时就知道该去哪里设置了。即使以后你不用 avada主题建站，了解了这些网页基础知识也可以很好的用于其他建站主题当中。