Elementor

我们是最早使用Elementor编辑器的网站之一，在过去的几年时间里，这款插件经历了令人难以置信的增长，现在已经拥有超过500万次活跃安装，开发团队仍然在继续推出大量出色的新功能。

除了使用包含在WordPress中的工具和模板之外，Elementor旨在帮助你创建不同的东西，在同一个页面中实时展示你的最新设计成果。这个插件不需要你掌握任何HTML或CSS编码知识，很容易与任何主题配队，并附带一些有用的导航和菜单，使其非常容易上手。

Elementor概述

Elementor是一款拖放式页面编辑器插件，这意味着几件事：

• 与WordPress主题随附的标准文章/页面模板相比，Elementor可以让你创建独特的原始文章和页面
• 你将获得一个独立界面来处理文章和页面，你的大部分工作都不会在WordPress附带的标准块编辑器中进行
• 你不需要拥有任何HTML/CSS/PHP/编码技能，所有操作都能通过一个简洁的用户界面完成
• Elementor适用于网站的前端，它会以真正所见即所得的方式向你展示工作成果
• 你可以创建任何内容布局或页面布局，无论当前的WordPress主题有哪些限制
• 最重要的是，它适用于所有WordPress主题，因此你可以保留当前的设计，并仍然获得Elementor的所有好处

总而言之，使用Elementor可以创建令人印象深刻的页面布局，即使你不是专业人士，也没有任何建站经验。如果你的预算比较紧张，并且不想雇用其他人来处理网站，这一点尤其重要。

Elementor的功能和优势

开箱即用，Elementor配备一些有用的元素：

• 主页面构建
• 超过90个元素/模块可供选择：图像、标题、按钮、轮播、计数器、进度条、客户推荐等等
• 大多数工作都可以通过拖放进行，将任何元素拖到屏幕上，然后将其移动到新位置
• 所见即所得，你在操作界面中看到的页面版本正是访客将看到的（与使用HTML和CSS的老派方式不同）
• 所有页面都采用移动响应设计，并且针对SEO进行优化
• 有一个可以导入和修改的预设模板库，目前包含150多个免费模板和300多个专业模板
• 如果购买Elementor专业版，则可以使用主题编辑器功能，以便修改主题的核心元素，例如页眉、页脚、博客档案、单个文章模板
• 全新的WooCommerce Builder模块，允许你重新设计所有WooCommerce页面，例如单个产品或产品分类

正如前文所述，这款插件的核心功能是允许你自由构建、调整和修改页面，然后实时查看结果。实时预览意味着你不必了解页面在发布时会是什么样子，而这正是WordPress标准编辑器高度依赖的场景。

Elementor允许你利用丰富的内置模块（超过90个），你可以将它们放在页面上的任何位置，然后利用拖放操作重新进行排列。可用的元素包括标题、图像、段落、视频、按钮、分隔符、间隔符、图标、图库/轮播、计数器、客户推荐、社交媒体图标、短代码等等，此外，你可以使用WordPress网站上已有的任何小部件。

除此之外，你还可以访问元素设置，以更改背景、边距、填充、颜色、字体等参数。最重要的是，Elementor提供完整的修订历史记录，这意味着你可以将页面恢复到先前的版本，以防万一搞砸而不知道如何修复。

使用Elementor，你可以完全控制页面在桌面、平板电脑和移动设备上的显示外观。通过这些小开关，你可以在各种设备之间来回切换，并精确调整细节，使页面在任何地方看起来都很棒。

价格

为了保持这篇测评的真实性，我们应该提到还有一个专业版，但是，你并不需要它来享受Elementor 90%的精彩！主要插件可以通过WordPress官方目录获得，无需支付任何隐藏费用。

关于专业版，则包含一些高级用户喜欢的东西：

• 50多个额外的元素/模块
• 300多个附加页面模板
• 主题编辑器，允许你更改当前主题的页眉和页脚
• WooCommerce Builder，允许你重建WooCommerce产品页面的模块
• 弹出窗口编辑器，让你可以构建弹出窗口，并将它们与订阅表单或优惠活动集成
• 可视化表单编辑器，与流行的营销工具集成
• 允许你创建全局小部件，然后在整个站点中重复使用
• 将自定义元素添加到任何Elementor模块中
• 在侧边栏和小部件中部署Elementor模块

以下是Elementor付费版的定价表：

这是年度订阅套餐，因此只要你保持续费，就能够一直获得24/7的专业支持和软件更新。所有定价计划都享受30天退款保证，没有任何附加条件。

使用Elementor

本质上，Elementor是一个WordPress插件，只是稍微高级一点。为了让它正常运行，你需要安装并激活，就像任何其他插件一样。之后，你可以访问一个设置面板，但这并非强制性的。你也可以直接前往文章菜单，创建一篇新文章，然后就会看到使用Elementor编辑按钮：

点击使用Elementor编辑按钮后，你将看到Elementor的操作界面：

1. 主画布，你可以在这里放置内容，并对其进行调整
2. 所有可用的元素
3. 访问Elementor的设置，颜色、字体、样式等
4. 返回Elementor元素面板
5. 当前页面的全局设置
6. 显示页面上所有元素的概览
7. 当前页面的修订历史
8. 响应模式，切换各个设备进行查看：台式机、平板电脑、智能手机
9. 预览更改
10. 发布页面

为了使用Elementor构建基本页面，你首先需要了解页面的层次结构：

• 一个页面可以包含任意数量的分区
• 每个分区可以有一个或多个列
• 每个列可以容纳一个或多个元素
• 每个元素都可以单独设置样式

我们可以得到：页面→分区→列→内容→样式。

首先，你可以添加一个空白分区，或者现成的预设模板：

在这个新分区中，你可以添加列，然后从侧边栏中拖放一些内容元素来填充列，当然，你也可以通过拖放重新排列分区和元素。设置好元素后，你可以点击以调整内容和细节，为此有三个主要的选项卡：内容、样式和高级设置。

就像这样，你可以逐个处理单个元素，直到准备好整个页面。

总体而言，Elementor非常容易上手，操作也很直观，一旦你掌握好页面的层次结构，并了解所有的内容元素后，创建一个页面就会变得非常有趣，特别是当你开始使用一些更高级的功能时，例如：

• 设置元素的Z索引，将特定模块放在其他模块的上层
• 自定义元素的悬停状态，根据光标位置改变它们的显示外观
• 设置各个元素的动作效果：滚动、浮动、固定
• 设置分区之间的过渡

预设模板

Elementor的设计能力令人印象深刻，他们还提供大量预设模板：免费版包含150多个，专业版包含300多个。如果这还不够，你还可以获得所谓的Elementor Kits —— 一系列模板的集合，它们都遵循相同的美学设计，可以帮助你制作出一个完整、一致的网站。

模板库具有各种用于不同目的的通用页面：关于我们、联系我们、网站首页、登录页面、作品集、团队页面等等，并允许你按关键字进行搜索：

你不仅可以将模板导入到网站中，还能对其进行自由调整，直到获得理想的效果。最后，你可以将自己的任何页面保存为模板，然后在另一个页面上重复使用，或者在网络上与社区公开分享。

Elementor最适合的群体

在撰写这篇文章时，我们对Elementor印象深刻，尽管我们已经使用过所有主要的排版插件，但是一直以来，我们都会将其作为首选的可靠解决方案。

这是最容易掌握的页面编辑器，也是免费版包含最多功能的编辑器。从本质上讲，对于任何想要自己创建精美页面，而缺乏编码技能、HTML或Elementor知识的人来说，这都是一个完美的DIY解决方案。

此外，如果你对WordPress默认编辑器允许执行的操作感到有些限制，Elementor也会派上用场。如果你正在努力将内容放在自己想要的位置，使列对齐或以特定方式添加图像，Elementor也会帮助你完成所有这些。

归根结底，Elementor适合所有希望创建出漂亮页面的人。

总结

尽管高级页面编辑器市场一直在高速增长，但Elementor的两个主要竞争对手似乎仍然保持不变 —— Divi Builder和Beaver Builder，对于许多人来说，选择页面编辑器归结为在这三者之间做出决定。

这三个工具都很出色，它们绝对是页面编辑器领域的顶级联盟。但是与此同时，没有一个产品能够在所有方面比竞争对手更好，最终，无论你使用Elementor、Divi，还是Beaver，都取决于个人喜好。

我想要...

• 在家里赚钱
• 在网上赚钱
• 在网上卖东西
• 成为一名自由职业者

---