jqgrid 编辑列拿不到值_Avada主题页面编辑器 Fusion Builder详细讲解

最新推荐文章于 2022-03-25 06:53:49 发布

weixin_39623355

最新推荐文章于 2022-03-25 06:53:49 发布

阅读量333

点赞数

文章标签： jqgrid 编辑列拿不到值 wordpress前台编辑文章 wordpress怎么设置文章页面不打开新的窗口

Avada主题自带的是 Fusion Builder页面编辑器，具有更多功能和变化。Wordpress程序自带古登堡编辑器(5.0版本之前是经典编辑器)，具备发布文章的基本功能。在安装Avada主题并启用核心插件后，Fusion Builder页面编辑器就代替古登堡编辑器使用了。本文老魏分享 Fusion Builder页面编辑器的相关知识。

Fusion Builder页面编辑器可以添加很多元素，使得构建页面十分容易。当你了解和熟悉 Fusion Builder页面编辑器之后，就能轻松搭建和自定义网页，Fusion Builder页面编辑器的功能十分强大，而用鼠标拖拽+简单设置就可以让普通人不输入代码就能创作出漂亮的网站页面，效果不输于专业网络公司制作的网页。

安装 Avada主题前提条件

1、教程使用的国内服务器 1核1g从实际使用来看速度并不快。如果你是学习的话，选择 1核2g配置的服务器起步，如果用 avada主题建站要使用 2核4g配置，这样才能运行流畅。

国内网站使用就一定要在国内域名商注册，比如

阿里云 https://www.aliyun.com/minisite/goods?userCode=2rbhf9dd

腾讯云 https://curl.qcloud.com/VcMMLu23

不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。

2、如果是学习 Avada主题，那么也可以不用域名，直接用服务器IP当做网站域名使用。

如果是用来建站，那么就要注册域名了。主要用户是老外的话(外贸网站、B2C/C2C等)，建议在国外注册，不要在国内注册。

打开namesilo官网 https://www.namesilo.com/?rid=251f960qe

在搜索框里输入要注册的域名，选择好之后注册，付费之前记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。

3、Avada主题

是themeforest中销量第一的wordpress主题，那里面有上万个国外主题销售，感兴趣可以去看看 https://1.envato.market/4bEJn

目前在 themeforest上面这款主题是一次付款终身使用，和别的主题一年一付费的情况相比还是蛮划算的。付费后拿到注册密钥留用。

4、建站面板。老魏在本文中使用了宝塔面板，多亏宝塔的可视化操作界面，部署avada主题才这么快速。

点我领取宝塔官方赠送 3188元优惠券礼包

https://www.bt.cn/?invite_code=MV9maXNmanE=

新用户可享受0.99元体验1个月专业版。

5、siteground虚拟主机是 wordpress官方推荐的主机，与 wordpress是天生一对。老魏在实际使用当中发现 siteground虚拟主机上面的 wordpress网站速度、稳定性都很棒，而且在国外测试评分网站的得分也很高，如果你打算长期运行外贸网站，老魏强烈建议选择 siteground虚拟主机。

如果你要做外贸网站，点我打开 siteground去注册一个新账号

https://www.siteground.com/go/xunizhuji

开始你的外贸建站之旅吧。

Fusion Builder插件安装

Fusion Builder页面编辑器是以插件形式安装进来的。当你安装完 avada主题后必须要安装两个核心插件：Fusion Core和 Fusion Builder插件，才能正常使用 Fusion Builder页面编辑器。

Fusion Builder页面编辑器介绍

Fusion Builder在post、page、portfolio中都可以使用，使用方法也是一样的。

老魏在Avada主题制作首页home制作过程中对 fusion builder编辑器有过一些详细操作分享，你可以结合这两篇文字一起参考。

如下图所示随便新建一个 post 或 page页面，默认打开是 wordpress自带编辑器，点击蓝色按钮切换到 avada builder页面编辑器，再点击 default editor切换回 wordpress默认编辑器。

Fusion Builder页面编辑器有两种操作形式，一是 Avada builder，二是 avada live。前者是在后台管理设计网页，后者是所见即所得操作。我们一般会使用第一种方法，设计好网页后再到前台查看效果。

无论使用传统的Avada Builder页面编辑器还是新的Avada Live Editor进行编辑，创建网页过程都是相同的。首先都是从创建 container容器开始。然后把列添加到容器中，最后把 element元素添加到列中。这样就使网页内容有条理，容易组织排版，并具有很好的兼容性。

Container容器

点击编辑器中的 container 蓝色按钮，再选择布局形式，是一栏，还是左右两列，3列，4列，还是三分之一，三分之二等等。这里的 container是一个容器(也叫盒子)，通过不同的容器布局，在容器中添加元素，就组成了网页看到的效果。

如果没有接触过网页制作的同学可能搞不清楚这是什么意思。我们做网站和学习 avada之前要现有这么个概念，我们看到的网页效果其实都是由一个个盒子(container容器)组成的。文字、图片、图片滑动、视频、图标等等都是网页的具体表现内容，盒子=container就是用来布局排版的，在前台网页中是看不到这些“盒子”的。这些内容怎么合理的布局到网页中才能好看？文字放左边，图片放右边，这是第一个盒子。视频放第二个盒子中等等，再好的内容没有合理的布局也发挥不出应有的效果。

理解了 container这个概念你就能很好的理解网页组成形式，也更容易熟悉 fusion builder页面编辑器了。当然了老魏只讲解这些基本概念，让你自己能建立网页就行了。而在实际建站时因为每个人的美术能力、基础、设计功底乃至对艺术的理解程度参差不齐，能否把网页排版布局设计的很好看是个人水平问题，不在本文讨论范围之内。

如果你打算用 avada建网站，老魏建议你多看看同行网站都是怎么设计布局的，比如同行首页都放什么内容，怎么布局的，产品分类页面是怎么布局的，产品详情页又是怎么排版的，然后自己综合一下同行的精华部分，做出自己的网站来。

如下图所示老魏在 avada builder中添加了 layerSlider，下面添加一个 container，左侧2/3，右侧1/3，并且每个列中都添加了 column列。列中再添加 title元素、lightbox元素、Testimonials元素，就组成了网站首页的一种效果。