Elementor – 最好的WordPress页面编辑器

Elementor是一款强大的 WordPress 可视化页面编辑器,用于构建从简单页面到复杂电商站的各种网站。通过拖拽元素块搭建页面,或导入页面模板快速搭建网站,就像搭积木一样方便,所见即所得,做网站再也不用写代码。Elementor已经为超过 2100万 个网站提供支持,占据全球13%的网站份额。

我的站以及我的客户站便是用Elementor做的,它是我最爱的编辑器,没有之一。

Elementor的主要功能

主题构建器:自由设计每个页面

它让你能像搭积木一样,自由地设计网站的每个部分。无论是页头、页脚,还是单独的文章、页面,你都可以拖拽调整,不再受固定模板的限制。使用全局样式设计,还能统一全站的视觉风格,操作起来比较直观。

WooCommerce 功能支持

如果你打算在网站上使用WooCommerce销售产品,Elementor Pro提供了一些使用功能,让你可以自定义产品详情页模板、产品列表页模板、结账页面、购物车页面等等。

表单构建器:平稳地收集客户线索

收集询盘或订阅用户是很多网站的需求。表单构建器的好处在于它提供了现成的模板,你只需要:

  • 选择一个合适的模板
  • 拖拽调整需要的字段
  • 配置SMTP收表单的邮件通知
  • 还可以连接到你的邮件营销工具(比如Mailchimp)

智能弹窗:在对的时机与访客互动

弹窗用不好容易打扰用户。智能弹窗的关键在于,它能根据用户行为(比如停留时间、浏览页面)来决定是否弹出以及弹出什么内容。我建议你先设置一两个简单的触发规则测试一下,观察效果后再调整。

为什么选择Elementor

在挑选建站工具时,我会从几个实际角度来考虑。下面和你分享一下我的看法,或许能给你一些参考。

设计自由度高:能实现我想要的效果

它提供了比较细致的设计控制,这让我能更自由地调整页面。具体来说:

  • 像素级精准设计:可以微调每个元素的间距和大小,我常用这个功能来对齐页面上的各种组件。
  • 全局样式控制:修改一次颜色或字体,全站相关元素会自动更新,节省了很多重复操作的时间。
  • 响应式设计调整:可以分别设置电脑、平板和手机上的显示效果,确保在不同设备上都能正常浏览。
  • 自定义代码/CSS支持:当遇到一些特殊的设计需求时,可以直接添加自己的代码来实现。这是我偶尔会用的方法,能解决一些比较个性化的需求。

功能集成全面:一个工具满足多种需要

我不太喜欢安装太多独立的插件,因为管理起来比较麻烦。这个工具集成了不少实用功能:

  • 内置了营销工具(比如表单和弹窗),基本上开箱就能用。
  • 对WooCommerce(电商功能)有不错的支持,可以直接设计产品相关的页面。
  • 可以调用动态内容,比如自动显示最新的文章列表。

这样一来,你就能减少对额外插件的依赖,网站的稳定性也相对更好一些。根据我的经验,插件装得越少,后期维护起来就越简单。

未来导向:架构更现代

它的新版本(编辑器V4)采用了一种称为“原子化”的架构。简单理解,这种设计思路有这些特点:

  • 以CSS为优先,这让生成的网站代码更简洁、加载速度可能更快
  • 整个设计体验更一致、更高效

我通常会留意工具的更新方向,这关系到它能否长期稳定地使用下去。

口碑与认可:很多人在用

它拥有超过6500个五星好评,并且得到了不少资深用户和代理商的推荐。我通常会把社区评价作为一个稳定的参考——当有这么多人都给出好评时,说明它在实际使用中确实能解决不少问题。

总结一下,对我来说,它在设计灵活性、功能完整性和长期可用性这几个方面,做得比较均衡。你不妨也从自己的实际需求出发,看看它是否适合你。

下载Elementor

Elementor提供免费版本,虽然功能有限,但能让你了解Elementor的常规操作。

如果你仅需要购买Elementor Pro编辑器,那可以联系我购买,如果你要向官方购买,目前由于官方于2026年1月20日调整了价格套餐,更名为Elementor ONE,它的构成部分是:主产品页面编辑器Elementor Pro、新产品AI生成功能(譬如生成代码、文案、图像、布局),图片优化,无障碍功能修复,网站邮件发送服务等等,我们一般用到的就是主产品,新产品一方面是次要的,另一方面也有成熟的替代品。

One的价格目前分个人建站套餐和为客户建站套餐,区别在于建站数量和涵盖的内容。

  1. 为个人建站的套餐价格从5美元每月到14美元每月
    1. 5美元/月/1个网站——功能少,不推荐购买,
    2. 7美元/月/1个网站——只有Elementor Pro插件,没有新研发的插件及AI,
    3. 9美元/月/3个网站——只有Elementor Pro插件,没有新研发的插件及AI,
    4. 现在折扣价14美元/月/1个网站(续费按19美元/月)——有Elementor Pro插件+新研发的插件及AI。
  2. 为客户建站的套餐适合建站服务商:
    1. 17美元/月/25个网站——只有Elementor Pro插件,没有新研发的插件及AI;
    2. 现在折扣价37美元/月/无限网站(续费按45美元/月)——有Elementor Pro插件+新研发的插件及AI。

Elementor教程

这篇教程讲解如何用 JetEngine 和 Elementor Pro 这两个插件,在 WordPress 里为你的自定义文章(CPT)如自定义产品,以及该CPT所使用的自定义分类法(Taxonomy)创建一个专门的归档列表页面。这样,访客点击某个分类时,或者访问自定义文章的归档页面时,就能看到一个整洁、统一的文章或产品列表页面了。
本文是Elementor教程系列中的入门级教程,介绍12个Elementor编辑器的入门知识,让你快速熟悉它。本文中,我将Elementor的widgets统一命名为小部件,有时候我也会称它为元素块。
Elementor插件分为免费版和付费版,本文分别介绍这两个插件的安装方法。简而言之:Elementor免费版在WordPress插件库中搜索后即可安装,而Elementor Pro(付费版)需要购买后获取安装包才能安装,并且,如果你使用付费版Elementor,免费的Elementor依旧要安装。
本文是Elementor教程系列中的入门级教程,详细介绍Elementor3.14版本之后新增的顶部工具栏的功能。
本文介绍Elementor插件的两种使用场景实操:①将Elementor老版本的Section转为Container,②Container的区别于Section的常用操作演示。
当你在wordpress中发布了一些文章,想用Elementor编辑blog或news页面时,却出现了如下报错,提示你无法编辑博客页面,这是为什么呢?又怎么解决这个问题呢?我们会逐一讲解。
这篇Elementor教程是体系化的教程,覆盖了:Elementor购买避坑、入门基础、进阶操作、案例实操、常见问题,让你一文学个通透。我已经用Elementor 7年以上了,我认为它是市面上最好的WordPress页面编辑器。Elementor不仅能让我们在制作网页时所见即所得,相较于其他页面编辑器,它更加易用,第三方提供的扩展插件也更加丰富。如果你想流畅的一文熟悉Elementor建站过程,请...
Elementor自定义代码(Custom Code)功能是Elementor Pro付费版本功能,它允许你添加代码片段,如Google Analytics代码或Facebook Pixel代码,你可以设定代码在网站里的展示位置和覆盖页面范围,还能设定的代码的加载优先级,这样你就不需要编辑你的主题文件来实现代码的插入了。
在使用ELementor制作询盘表单/联系表单时,为了避免频繁收到垃圾询盘/邮件,我们可以给表单添加Google reCAPTCHA V3进行反垃圾验证,这样以来,当网页里包含表单时,会自动加载reCAPTCHA进行无感知验证,能大幅度减少垃圾询盘邮件,也不会给用户添加负担:譬如点击验证码或验证图片等等。
WooCommerce产品分类和产品标签侧边栏的样式是跟随主题设计的,通常没有设计样式功能。如下图所示,它是我用Hello Elementor主题+ Elementor Pro制作的产品列表模板,在左侧的侧边栏里包含了产品分类和产品标签。接下来,我们就讲如何用Elementor Pro来将样式设置为下图所示的模样。
思路:用Elementor Pro制作产品详情页模板(single product)和询盘表单弹出层(popup),在产品详情页模板上添加一个询盘按钮,将按钮链接设置为dynamic调用popup即可。
拥有Elementor Pro让建站就跟拼图一样方便了,那如何省钱的购买Elementor Pro呢?如何避开坑呢?下面分享自己的实践经验。(还不了解Elementor的点这里)
本文将介绍官方推荐的最适合Elementor的9款免费主题,随着Elementor Theme Builder(主题构建器)的发布,您可以使用任何主题并用Elementor Pro设计网站的页眉、页脚、文章详情页模板和文章列表页模板,但如果你没有Elementor Pro,你可能希望找到这样的主题:具有用于控制布局和设计功能的主题。
要设置Elementor的小部件/元素块为圆角,请左键点击小部件后,在左侧找到Style/样式标签,其中,如果你能找到border radius/边框半径属性,便可以用于设置圆角。如果找不到,说明当前元素不支持圆角设置,但是你也可以在Advanced/高级标签中,找到border并设置整个元素的border radius属性进行设置。
你是否想摆脱主题的限制,自己制作文章详情页的模板?本文将教你使用Elementor Pro制作文章详情页的Single Post模板,我会介绍两种模板库及其使用方式,让新手可以快速制作一个还不错的模板,还会讲到模板中常见的问题哦~
使用Elementor pro可以创作出多种多样的页脚,可以不再局限于主题自带的页脚了。并且Elmentor Pro的模板库里提供了多款页脚模板,一键导入就可以直接用起来了,还可安装Envota elements插件,里头还有页脚模板供选用。
使用Elementor pro可以创作出多种多样的页头导航,可以不再局限于主题自带的导航了。并且Elmentor Pro的模板库里提供了几十款导航模板,一键导入就可以直接用起来了,还可安装Envota elements插件,里头还有十几款页头。

点赞

0 / 5 5

Your page rank: