魏艾斯笔记Avada Live是Avada主题的实时页面编辑器，发布于Avada 6时期，用来补充后端页面构建器Fusion Builder。这标志着使用 Avada主题搭建网站更直观、更便捷了。在Avada 7.0中，官方把Fusion Builder重命名为Avada Builder，把Fusion Builder Live重命名为Avada Live。
提到Avada主题的编辑器，我们一般会叫Avada Builder和Avada Live。从名字上能看出来一个是后端页面编辑器，另一个是实时编辑器。用户可以根据个人喜好和需要随时切换这两种页面编辑器形式。
老魏认为Avada live的推出也是为了应对以Elementor页面编辑器为代表的实时编辑器，Elementor插件的实时编辑功能在网页编辑领域做到了所见即所得，特别受到网页设计人员的追捧。同时也代表了当下网页编辑器的趋势。而Avada live与现有的Avada Builder并存，因此你熟悉的旧的Avada编辑器还可以自由使用。对于不了解Avada live的用户来说，需要一些时间来熟悉新的元素控件和Avada Live使用方法，重点是它更直观，学会后你就会一直享受实时编辑器带来的工作乐趣。
Avada主题 是themeforest中销量第一的wordpress主题，感兴趣可以点我去看看，那里面有上万个国外主题销售。目前在 themeforest上面这款主题是一次付款终身使用，和别的主题每年付费相比还是蛮划算的。更多关于Avada主题的内容请看Avada专题
学习选择 1核2g配置的服务器，建站选择 2核4g配置会更流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
外贸、B2C/C2C等网站建议在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题
Avada Live编辑器在哪里
Avada live将Avada主题建站带入了一个新的高度，无需离开正在编辑的前端页面，就可以享受无缝衔接的高效工作流程，下面让魏艾斯带大家看一下如何访问Avada live编辑器及其主要功能。
在WordPress中很多不同位置都可以方便的、随时随地的以多种方式打开Avada Live。
1、在前端查看页面
当在登录WordPress后台的状态下查看前端网站页面时，在WordPress Admin Toolbar中会看到Edit Live 的选项，点击后进入当前页面的Avada Live编辑模式。
2、在Avada Builder中编辑页面
如果你正在WordPress后台使用Avada Builder编辑页面，想要切换到Avada Live是非常简单的。在文章编辑区域（或页面编辑区域）的标题下方能看到一个名为Avada Live的大按钮（如下图所示），以及顶部admin toolbar中的Edit Live链接。
下图中左侧那个【Default Editor】就是默认编辑器，一般是古腾堡编辑器，如果你屏蔽过了就是WordPress经典编辑器。
老魏提示：要先保存页面内容（草稿或发布），再去切换这两种不同的 Builder。
3、在WordPress编辑器中编辑页面
在WordPress编辑器中以可视或文本模式编辑页面，那么可以分别看到两个按钮：Avada Builder和Avada Live以及Edit Live。切换编辑器之前同样记得先保存页面内容。
4、在古腾堡编辑页面
在古腾堡（Gutenberg）编辑器中会看到Edit with Avada Builder按钮和页面顶部的Edit Live链接。
Avada Live编辑器工作区域介绍
进入Avada Live后看到在前端显示页面是可编辑状态，顶部是Avada Live工具栏。
如下图所示当鼠标悬停在页面的各个部分上面，就出现各种“element元素”控件图标，供用户编辑内容。
The Avada Live工具栏介绍
Avada Live编辑器的顶部工具栏提供了搭建和管理页面所需的所有选项。这个粘性工具栏会跟随页面滚动而固定在顶部，方便用户随时使用。
下面老魏从左到右介绍工具栏上每个图标（工具）。
左边图标含义：
- Avada Builder图标：鼠标悬停在图标上，显示Builder版本；
- 切换边栏：打开和关闭边栏，访问 Theme Options主题选项，Page Options页面选项和 Element Settings元素设置；
- 库Library：访问Avada Builder Library库；
- 历史记录：显示最新的25个历史记录状态，方便在整个操作过程中还原上一个操作（后悔功能）；
- 首选项：访问Avada Builder Live Editor的首选项；
- 新增：添加新的post文章，page页面，portfolio，FAQ常见问题，Layout 布局或 Element元素；
- 清除布局：清除当前页面上的布局；
右边图标含义：
- 支持： 指向入门文档，支持门户和可用的键盘快捷键的链接；
- 响应式：以大，中和小屏幕视图预览当前页面，并访问响应式编辑模式；
- 切换线框编辑：在前端Builder页面时切换到后端构建器；
- 预览： 预览模式关闭所有面板，并删除前端图标，提供快速，整洁的页面预览；
- 发布/草稿：可以快速将页面的发布状态设置为草稿或已发布；
- 保存：保存在前端Builder中的所有工作内容，包括对Elements的编辑以及主题和页面选项设置；
- 退出： 退出到页面前端，页面后端或Avada仪表盘。
本文部分图片取材自theme fusion网站，为了不被人盗图加上了水印。
Avada Live是Avada主题功能上的一大进步，在 Avada Builder和 Avada Live的双重加持下，Avada主题摆脱了以前单纯的后端编辑器那种编辑完了保存，再刷新前端页面的繁琐工作流程。真正的进入了实时页面编辑器的时代，帮助用户以更高效、更便捷的方式构建网站。