Elementor Review：打破边界的页面生成器插件

老实说，你喜欢用WordPress编辑器设计网页吗？

我指的不是你典型的博客文章。我说的是主页、登录页和联系页。

如果你像我一样，那么在克服了经典编辑器的局限性和古腾堡内部的缺陷之后，你可能会大失所望。

我更喜欢使用页面生成器插件在WordPress中创建我的页面。从页面生成器插件市场的爆炸性增长来看，我似乎并不孤单。

在本文中，我们将研究WordPress的一个较新的页面生成器插件，名为Elementor。

什么是Elementor？

Elementor公司是WordPress的可视化拖放页面生成器插件。该插件允许您使用其内置元素（称为小部件）设计和创建页面，而无需使用代码、HTML、CSS或短代码。

由于它是一个前端编辑器，您可以在页面发展过程中查看页面，而无需在设计和预览屏幕之间来回跳跃。

稍后我们将讨论Pro版本，但首先让我们看看一些主要功能。

使用Elementor构建页面的基础知识

您可以从WordPress存储库下载Elementor，也可以通过WordPress管理面板直接安装Elementor。

一旦安装完毕，您就可以开始了。

但在开始设计页面之前，了解一些基本原则很重要。

Elementor页面内置部分. 一节就像一排。页面上可以有任意多个部分。
每个部分分为一个或多个柱. 你的位置小部件在每个列中创建页面的总体设计。小部件是一个元素；e、图像、文本框、列表框、图标等。
A.部分可以覆盖页面的整个宽度，也可以限制在设置的框大小内。

注： Elementor允许您创建具有任何WordPress主题的全宽页面。

最页面生成器插件要求您使用供应商的主题创建全宽页面。例如，Beaver Builder插件需要Beaver Builder主题。

好的，现在您可以开始使用截面、柱、，和小部件使用Elementor构建基本页面。

使用Elementor设计基本页面

1、从添加新页面开始

转到页面>添加新内容。

您会注意到现在有了Elementor按钮，以及标准的WordPress编辑器。

2、增加一节

按“使用Elementor编辑”按钮开始设计页面。

Elementor将打开一个内容区域和左侧菜单上的小部件列表。您可以选择添加新建部分或添加样板至主要内容区：

稍后我们将返回模板，但现在，我们将添加新建部分具有两列:

现在您有了一个包含两列的新部分。您可以将小部件从菜单拖动到列中：

此外，您还可以在需要时使用默认选项添加下一个新部分。

3、添加背景

设计页面时，可以编辑整节或单个列.

在本例中，我将为部分.

上“布局”选项卡，我已经将宽度设置为1102px，最小高度设置为400px。

（您可以看到蓝色背景穿过截面的柱的微弱虚线轮廓。）

上“样式”选项卡我添加了灰色背景色：

（如果愿意，可以添加图像或视频背景。）

4、向列中添加小部件

下一步是使用小部件向列中添加一些内容。

（您可以向列中添加多个小部件。）

我在左侧列中添加了一个图像，在右侧列中添加了一个标题和一个文本块：

5、完善你的设计

添加小部件后，可以编辑其设置以完善设计。以下是一些您可以执行的操作示例：

调整截面宽度和高度–这会将列挤压在一起，使背景保持不变；例如，将宽度设置为800px，高度设置为300px：

调整列大小–很容易调整Elementor中列的大小。你可以抓住其中一条边，将其拖动到合适的大小；例如，将图像列设置为40%，将文本列设置为60%：

定位列和内容–您可以将内容定位到列的顶部、中心或底部。您还可以以相同的方式在节中定位列；例如，将标题和文本小部件放置在列的底部：

设置边距和填充–您可以设置截面、柱和小部件，使用px、EM或%；例如，将文本列的边距设置为3%，填充设置为5%：

更改列间距–您可以改变立柱之间的间距，让您的设计有一点呼吸。选择无间隙、窄、宽或宽。通过同时更改柱间距，可以确定哪一个是最佳设计；例如，将立柱间隙增大到较宽：

添加形状分隔符–您可以通过选择形状分割器来降低截面的刚性；例如，使用山地设置：

这只是Elementor中一个部分、两列和三个小部件可以实现的页面构建示例。

有一个加载更多设计选项可用。例如，您可以通过包括以下独特功能来添加特殊的“设计师风格”框阴影、悬停和入口动画、高级按钮还有更多。

响应灵敏的手机设计

Elementor非常适合创建移动页面，因为它可以让您以可视化的方式创建响应迅速的网站。

您可以从每个设备的不同字体大小中进行选择，以反转列顺序。
您甚至可以根据用户的设备选择显示或隐藏特定的小部件；i、 e.台式机、移动设备或平板电脑。

全套小部件

在我们的示例中，我使用了图像、标题和文本小部件：

但还有很多选择：

Columns–在列中创建内部列。
文本编辑器–所见即所得文本编辑器，就像WordPress编辑器一样。
视频–将YouTube或Vimeo添加到您的页面。
按钮–向页面添加和设计按钮。
分隔符–添加一行分隔页面中的不同元素。
间隔–添加一个分隔各个元素的空间。
谷歌地图–将地图嵌入页面。
图标–放置600多个图标中的一个或多个。
图像框–创建一个包含图像、标题和文本的框。
图标框–与图像框的工作原理相同，仅使用图标。
图像库–以对齐的网格显示图像。
计数器–以递增方式显示统计数据和数字。
进度条–包括升级进度条。
推荐信–包括客户推荐信，用于社会证明。
Tabs–显示不同内容的垂直或水平选项卡。
手风琴–可折叠的内容显示。
还有更多…

这些只是标准的小部件。Pro版本中有更多可用的小部件，我们将很快介绍。

模板库

从空白页开始有时会让人望而生畏。这就是为什么Elementor包含越来越多的预先设计的模板:

有模板对于不同行业:

律师事务所
餐馆
机构
咖啡厅
健身
室内设计
文案撰稿人

和不同的页面类别:

主页
关于
联系
登录页
服务
定价
产品

Elementor还允许您存储您自己的设计在模板库，因此您可以重用它们并节省时间。

此外，您还可以导出和导入任何模板供其他网站使用。这允许您与其他设计师共享模板或自己重用模板。

注： Elementor画布允许您从一个完整的空白画布开始，而不需要任何默认的主题页眉和页脚。（使用哪个主题无关紧要。）

这非常适合创建以转换为中心的登录页在那里你不想分心。

还有一些使用Canvas构建的预先设计的模板，可以为您提供一些想法。

Elementor Pro中有什么？

Elementor Pro是高级版本，它进一步扩展了基本功能。

您可以从标准插件中获得所有相同的设计和编辑功能，以及独家的pro小部件和模板。

Pro小部件

以下是Elementor Pro小部件的当前列表：

帖子–显示各种版面中任何自定义帖子类型的列表。
公文包–以独特和可视化的方式显示您的公文包项目。
表单–在不离开正在设计的页面的情况下创建新表单。
价目表–创建包含定价的目录和菜单。
价格表–创建显示产品或服务的高级价格表。
翻转长方体–创建动画长方体，当访问者悬停在其上方时，可以翻转到另一侧（前/后）。
倒计时–在页面中添加倒计时计时器以增加销售额。
幻灯片–制作简单的幻灯片，完美无瑕。
模板–在侧栏和页脚中嵌入Elementor模板。
WooCommerce–显示并过滤您想要显示的确切产品。

你会发现很多第三方插件添加了额外的元素。

注：自从我们第一次发布这篇评论以来，Elementor一直在不断更新其重要产品。

他们现在提供了更多的电子邮件集成。这包括：；MailChimp、MailPower、Mailerlite、Drip、ConvertKit等。

除了我们将在下面介绍的内容之外，您还可以找到CTA元素、倒计时计时器等。

最好的补充之一是主题生成器功能。这意味着您可以替换主题的页眉、页脚和其他元素。

下面更详细地介绍一些Pro小部件。

获取Elementor Pro

表单小部件

这个表单小部件允许您创建新的联系人表单，而无需离开正在设计的页面。您可以选择字段、增加间距以及设置列和布局。

以下是一个在Pro模板中找到的联系人表单示例：

注意：如果您不使用受支持的电子邮件营销服务之一，那么当表单小部件与Zapier的webh万博安卓手机客户端下载ooks结合使用时，可以集成其他提供商。

Posts小部件

这个Posts小部件允许您以各种布局和方式显示任何自定义帖子类型的列表。这对于显示最近的帖子、特色帖子和热门帖子非常有用。

您可以使用高级过滤器来显示您希望访问者首先看到的确切内容。例如：

按类别、标记和作者显示帖子
按日期、标题或菜单排序帖子（升序或降序）

WooCommerce小部件

这个WooCommerce小部件为您提供多种选择，以展示WooCommerce商店的产品。您可以创建高级过滤器，以尽可能最好的方式展示您的产品。

注意：您需要WooCommerce插件才能使这个小部件工作。

倒计时小部件

这个倒计时小部件允许您在页面中添加倒计时计时器。倒计时计时器有助于在您的站点上创建预期或紧急状态，具体取决于您如何部署它们。

只需设置倒计时的目标日期和时间，小部件就会开始计时。

价格表小部件

这个价格表小部件用于创建显示产品或服务的高级价格表。该小部件使您可以完全控制价格表的不同元素，如颜色、价格、文本、按钮和色带。

下面是我创建的基本价格表：

这就把我们带到了下一节。

Elementor定价

Elementor页面生成器插件的基本版本为自由的.

如果您想利用中的其他高级功能Elementor公司有三种选择：

基本要求：在1个网站上使用49美元/年
高级：3个网站每年99美元
专家：在25个网站上使用199美元/年

每个选项都包括无限制的免费更新和一整年的支持。

文档非常优秀，包括一些超级视频教程。

Elementor利弊

赞成的意见

免费和开源
易于使用，具有即时、实时的结果
创建高端设计，无需任何编码
响应灵敏的移动设计选项
包括20多个预先设计的模板
与大多数主题和插件兼容
创建具有任何WordPress主题的全宽页面
使用动态大小设置精确缩放内容
Zapier集成允许您连接更多的电子邮件提供商（但安装起来并不像常规API连接那样简单）

欺骗

编辑文本框可能有点麻烦
与其他服务集成需要更多pro小部件
API集成仅限于少数电子邮件营销服务万博安卓手机客户端下载
移动设置可以灵活地进行正确设置
一些核心元素看起来有点过时

结束Elementor审查

Elementor很有趣，也很容易相处。而且速度也很快。进行更改时没有时间延迟-一切都是即时的，为您提供最佳的设计体验。

自发布以来，开发人员Pojo不断添加更多功能，使其更具吸引力。仅标准版本中的大量功能就令人难以置信。你可以预期在未来几个月会发布更多的pro功能。

Elementor是目前最好的页面生成器插件之一。而且情况一直在好转。

今天就下载它，开始设计和构建页面，而不至于失去你的头发。