Elementor编辑器 2018年最流行的WordPress页面构建插件

Elementor是一款很是现代的页面编辑器，做为2018年最流行的免费页面编辑插件，它改变了WordPress建站的方式，让咱们能够无需代码便能本身构建网页

在本文中，咱们将详细介绍Elementor及其使用方法，以帮助你们决定是否应该使用Elementor做为默认的WordPress页面构建工具

Elementor免费下载

 

为何推荐使用Elementor

我曾经使用过不少款可视化的编辑器，好比WPBakery、Visual Composer等，其中，Elementor在不少方面都是更加优秀的一款

• 现代、简洁的编辑方式
• 免费版已经很好用
• Elementor支持中文，支持任何WordPress主题
• 轻量，即便Elementor Pro版本，安装包总大小仅3MB
• 用户数量很是多，仅WordPress插件中心就有100万以上的活跃安装
• 超过90%的五星好评
• 专业的开发和售后团队

以上这些特色，已经足够说服咱们使用Elementor，而且它还在不断的改进和加强，在WordPress中愈来愈流行

固然咱们不能只根据这些外部因素判断，真正实用的功能才是最重要的，接下来让咱们看一下Elementor有哪些特性和值得关注的地方

 

Elementor安装

Elementor是无偿使用的，咱们能够随时体验，不论是免费版仍是Pro版本，都须要先安装Elementor，可直接在官网下载，Elementor免费下载，免费版本直接安装便可；若是你购买了Pro版本，须要先安装Elementor插件，而后再安装Elementor Pro插件，即便以前已有免费版也能够无缝切换到Pro版本

注意：安装Elementor的话必定要确保符合它的环境要求，不然可能会出现意外的错误

安装好以后咱们就会在文章或者页面看到一个 “使用 Elementor 编辑” 的按钮，点击它就会进入到Elementor可视化编辑器

Elementor会为你准备2款模版，这里面有三种选择：

• 默认模版：主题自带的模版，通常会带有主题的元素，经常使用在文章
• Elementor全宽：将内容部分设置为100%宽度，保留原主题头部和底部
• Elementor画布：纯Elementor的模版，不包含任何其余元素，适合作专题页面

注意布局要保存以后再开启Elementor才会生效

 

Elementor用户界面

和大多数的可视化页面编辑器同样，Elementor一样采用了左侧编辑栏，右侧显示网页的布局，目前来讲这种布局是最好的，容易编辑，也符合大多数用户的使用习惯

使用Elementor编辑器，无需准备空白的模版，Elementor已经为你准备好了，在页面布局中选择画布便可得到全新的页面，并且没有那么多主题或者插件的要求，你能够在任何类型的WordPress主题中使用Elementor

用Elementor制做页面时，你能够直接从头开始编辑，本身设置每一个元素样式；或者调用模版，在模版基础上进行修改替换，这样完成页面也是一种很是高效的方式，Elementor提供了各类模块和100+的模版，不论是免费版仍是Pro版本均可以调用演示，只不过Pro版本中可用模版更多

多样化的列布局，你能够根据本身的须要选择列的数量和样式，而后拖拽元素填充到合适的位置，组成网站的页面设计。

你能够将任何Elementor中包含的元素拖动到列中，好比图片、文字段落、标题、列表、文章、按钮、客户评价、CTA、价格表等，每当你选择不一样的元素，左侧都会自动切换成对应的选项，相比其余编辑器，Elementor元素的样式和选项都是很是不错的，不须要过多的设置便能设计出漂亮的页面

 

Elementor编辑器功能以及体验

判断一个页面编辑器是否好用，选项和功能是最关键的地方，下面我么看一下Elementor的编辑选项

 

Elementor实时编辑

首先最重要的一点，就是文字实时编辑，这个特征能够用来判断一款页面编辑器是否现代，以及有效率。Elementor是支持行内实时编辑的，并且它为咱们准备了WordPress经典编辑器，你能够经过把编辑栏拉宽得到更好的写做体验，就像在后台编辑同样，惟一让人有点不适应的就是若是你想在网页中实时编辑，须要点击2次才能把光标固定到聚焦在想要的位置

 

Elementor样式设置

除了针对每一个元素的关键选项外，Elementor还提供了高级样式设置，你能够设置元素的背景、边框、内外边距、响应式、自定义CSS等，固然，根据每一个元素的特色会有不一样的选项

Elementor在工具的分布上，采用了Tab和Toggle结合的形式，即便有再多的选项也能轻松容纳，这里的布局Elementor作的很是好，将有限的空间利用了起来，不像有些编辑器，体验很是差，之前用过一款 CornerStone，编辑器很是拥挤，常常找不到本身想要使用的元素

 

方便的右键菜单

和其余页面编辑器不一样，Elementor独有的支持了右键菜单，这是我很是喜欢的特性，用来选中什么多西很是方便

• 删除元素更省事了，在没有右键功能前，须要手动到最右边找到小小的叉号，很费劲
• 选择元素更方便了，当你点击右键时，在右键菜单中会显示当前选中的元素是Widget、列仍是行，这样在进行编辑操做时就很难出错了
• 样式拷贝，作相似设计时颇有用

右键菜单真的是一个很是好的特性，若是说是什么让我选择Elementor，那右键菜单必定是很是重要的一项

 

Elementor快捷键

Elementor编辑器提供了很是多的快捷键，好比经常使用的复制、粘贴、历史记录，这些均可以在Elementor中快速使用，Elementor快捷键整理

 

响应式编辑

在制做复杂页面时，可使用Elementor的响应式编辑进行调整，包括PC、平板和手机端，三种设备的样式不会互相影响，能够针对每种设备进行单独优化

 

Elementor模版

为了让咱们可以快速构建网页，Elementor提供了模版功能，能够进行各类调用

 

自带模块

模块模版，一般是一部分特定功能的部分，好比头部、底部、倒计时、联系表单、文章列表等，这些模块大部分都为黑白样式，容易搭配和修改，在主题编辑中颇有用

 

页面模版

页面模版，整页的模版，大部分都是不一样风格，各行各业的网页，能够直接修改，在Elementor中很是好的一点就是你能够同时加载多个页面，这些页面模版不会覆盖以前的内容，这样就能够经过删减的方法将多个页面的元素组合在一块儿

查看全部Elementor页面模版

 

自定义模版

当咱们本身制做了一些比较好的模版后，能够将其保存为自定义模版，当须要用到相似的模块时，能够直接调用，并且自定义模版支持导入和导出，分享起来很方便。另外，你还能够经过第三方获取Elementor模版，好比从Envato Elements的获取模版

 

全局元素

Elementor很智能，若是你想保存一个元素，好比按钮、文字，他会自动保存为全局元素

什么是Elementor全局元素呢？ 它能够在全部的页面中使用，并且同一个元素的样式都是相同的，而且默认状况下全局元素会被锁定编辑，可是若是修改的话，全部的元素都会跟随变化

对于须要较多自定义页面的网站，全局元素在统一风格和一些重要数据的展现上很是有用

 

Elementor主题编辑(Theme Builder)

Elementor 2.0 新推出的主题编辑功能，让其再也不仅仅是一款页面编辑器，而成为了主题构建器，使用Elementor你能够把主题彻底更改，使用主题编辑功能，你会发现全部的操做都变得简单了。你能够轻松地修改网站的头部和底部、文章页面、分类页面、归档页面等，而后将这些修改应用到某些页面，甚至整个站点，无需任何代码知识，具体的设置方法能够查看 Elementor Theme Builder教程

 

其余特性

Elementor除了基本的页面编辑器功能外，还有不少很是有特点的功能

 

导航栏

Elementor新加入的一个特性，这个导航最大的做用就是你能够在上边改变段的位置，避免了使用鼠标在页面上长距离滚动拖动

 

幻灯片

Elementor Pro中提供了幻灯片工具，只须要简单设置便能开始使用，若是你不须要比较炫酷的效果的话，Slider Revolution、LayerSlider之类的插件基本能够卸载了

 

侧边栏小工具

Elementor内置了一个侧边栏调用小工具，你能够用它来制做本身的侧边栏小工具，Elementor制做侧边栏小工具教程

 

维护模式

Elementor不只能够一键开启维护模式，并且你可使用Elementor定制本身的专属维护页面，Elementor开启维护模式教程

 

Elementor Pro

可能对于通常的页面设计需求，免费版本的Elementor功能已经彻底足够了，那么咱们有没有必要升级高级版本呢，咱们看一下Elementor Pro主要增长了哪些功能

• Pro模版，Elementor中不少内置模版须要Pro
• 更多的可用元素，不得不说Pro模版中有许多实用的功能，好比 文章列表、portfolio列表、幻灯片、联系表单、客户评价、CTA等
• 自定义CSS
• 全局元素
• 动态字段
• WooCommerce定制
• Elementor Theme Builder，让你可以制做主题模版

若是你须要上面列出的功能，那么我建议你购买Elementor Pro版本，使用起来很是方便，整体来讲，提高仍是很是大的，尤为是它的主题编辑功能，很是的强大，使用起来更简单

 

Elementor Pro价格

• 单个站点受权，49美圆
• 3个站点受权，99美圆
• 无限站点受权，199美圆

全部的套餐都包含一年的更新和支持，Elementor Pro续费的话有25%的折扣，固然也能够选择取消续费，插件还能够继续使用，只是没有更新和支持

 

和其余的页面编辑器相比，Elementor的使用范围更广，更加通用，无论你是普通的WordPress用户，仍是作商业性质的网站，均可以在Elementor中找到本身须要的功能，并且使用起来也灵活，能够快速构建，也能够针对一个模块进行各类高级的设置以及自定义样式

不管是免费版本仍是Pro版本，Elementor都是很是强大的编辑器，它最大的做用是改变了WordPress的编辑习惯，有着多样的设置和人性化的编辑体验，再也不须要专业和枯燥的代码来修改页面