本内容仅作为视频教程的备课讲义，并无实质内容，了解更多请购买视频。

1. 安装主题和子主题
2. DEMO安装
3. 主颜色的修改
4. LOGO，菜单，和底部FOOTER（短代码，使用AVADA插入时生成的短代码）
5. Copyright，在主题设置FOOTER里，进入文字修改。
6. 社交图标

• 还原设置
• 页面布局（盒子/全屏，宽度，边栏占比等）
• 菜单（对应所使用的HEADER，MEGA菜单会单独做一个课程来讲）
• 网页自适应设置（默认开启）
• 颜色（由于设置项太多，很多无法一一对应，做好备份工作，找准主颜色，然后再去修改细节）
• 头部预设（最好使用DEMO的选项，其中Sticky Header建议只在PC终端开启）
• LOGO
• 页面标题（包含标题和面包屑）
• Sliding Bar（最顶层的下拉区块，可以添加内容）
• FOOTER（已经讲过）
• Sidebars（边栏，是针对页面/文章等边栏的统一设置。其中页面的模板使用默认模板时，边栏才会生效。同时在进入 外观-小工具，创建边栏。）
• 背景
• 字体
• BLOG（有2种方式来实现BLOG页面：新建空白页面，进入 设置 - 阅读 指定文章页；新建页面，插入BLOG小模块。我们所导入的DEMO使用的是第二种方式，而这里的大部分设置是针对第一种，所以无效。Blog Single Post是针对文章详情页，设置有效。引审出一个安全问题：用户昵称的重要性！）
• Portfolio（案例，普通意义上它适合做项目展示，并不适合做几十上百个产品展示，但我们可以通过BLOG的第二种方式，来实现展示产品。会单独做一个课程来讲）
• Contact Form 里Google Map，必须要填入API Key，地图才可有效，根据提示去生成。

页面设置

• 使用默认编辑器还是AVADA编辑器？
• 编辑器的控制部分（搭建/库/收缩展开/CSS/保存布局/清除布局/历史查看）
• 库与保存相互成立，将可以重复使用的布局和容器保存在库内，可以更方便的调用。
• 整个页面的布局，除了HEADER/FOOTER或SIDEBAR外，余下的部分便是容器和模块。容器有设置/复制/保存/删除按钮，每个容器设置都是一样的，根据需要来设置；
• 容器内使用columns来分列，在列内才可以添加模块，同样的列和模块也有设置/复制/保存/删除按钮，列的设置除特殊情况下都是一样的；
• AVADA提供了多达45个模块，每个模块的设置项都不一样，但并不是每个模块都要了解其功能和使用方法，只需要了解自己需要的模块；
• Fusion Page Options除sliders外，如果不修改，则使用默认使用 Theme Options 里设置，举例：Theme Options 里设置了关闭 页面标题 ，但想在此页面设置显示的话，则可以通过 Page Title Bar 来显示。
• 页面属性 - 模板，默认模板只有在 Theme Options 里设置了 sidebars-Pages 里设置了边栏，才会看效果。100%模板则不受其影响。

认识首页里的一些模块使用

做一个如merisolar.com的MEGA菜单

• 进入设置-小工具，准备工作：三个子级菜单，建立三个小工具挂件
• 做好下级菜单，并开启父级菜单MEGA，编辑每个子级菜单对应相应的小工具挂件
• 回到小工具，使用TEXT（文本）小工具，补充图片内容（不会写代码，就使用编辑器来操作）。
• 自定义CSS，使标题居中对齐，或隐藏标题，将内容直接写在TEXT（文本）小工具内。

Sliders（幻灯片）使用

• Slide是滑动的意思，Slider是滑动器。滑动器里包含多个滑动片（可以直接理解成多个滑动的图片）。
• 我们可以更

使用Portfolio来展示产品

• (参考MERISOLAR)产品数量少于10个以下，并不建议使用PORTFOLIO来展示产品，可以使用页面展示，更灵活更自由；
• Layout
• Columns 每行显示数量
• Posts Per Page每页显示数量
• Show Filters 设置为 NO
• Categories 显示分类内容
• Pagination Type 分页显示Pagination
• Excerpt Length 设置为0可隐藏摘录内容
• Theme Options > Extras > Featured Image Rollover 关闭翻转效果
• 产品分类，可以使用以上类似方法（新建页面插入Portfolio模块），也可以进入Theme Options > Portfolio 设置分类显示布局
• URL修改：将portfolio-items改为product-itmes和进入固定链接将分类/标签等修改为products-xxx等，但需要注意修改后，需要重置一下链接，否则打开会显示404；
• 添加产品和设计产品页面布局
• 边栏设计:产品页面使用分列布局插入边栏，产品分类和产品详情页在 Theme Options > Sidebars 设置

完成建站

• 菜单：下拉菜单设置为BAR；MEGA不可以有三级菜单；自定义CSS标题居中，图片链接分别对应二级菜单的链接；
• 产品模板1：设置了边栏（含自定义了产品菜单和联系方式）；清除标题H1的上边距（其CONTAINER自定义CSS类为l1）；第一个CONTAINER的上部填充为0，如果是默认，则边栏会凸起，所以为了一致，设置了整个页面上部填充，保持边栏和页面内容水平对齐；
• 所有需要的图片，应当处理成最合理尺寸和压缩成最小体积，可以使用https://tinypng.com/来手动处理；
• 固定链接：建议使用 文章名（此项应当在建站前就应该操作）
• 关闭评论和取消头像：讨论设置里关闭和批量修改页面/文章关闭，如果主题有评论设置，也应当去关闭；取消头像可以加快后台访问速度；
• 删除和清理无用信息：评论，不用的页面/文章/图片等等。