所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

9 个最推荐的 Elementor 插件! 让你的网站功效更加强大

你已经安装了 Elementor,但是却发现功能不够用吗? 或是你有些特效需求,但发现 Elementor 基础板无法满足你?

在这篇文章,我会分享多个 Elementor 的生态圈插件,只要顺利搭配上去,你的编辑器功能马上大幅增加!

好了~就让我们赶紧阅读文章吧:)

  • 1. Elementor(含 Pro 版)
  • 2. Essential Addons for Elementor
  • 3. Crocoblock
  • 4. Ultimate Add-Ons for Elementor
  • 5. ElementsKit
  • 6. Premium Addons for Elementor
  • 7. Happy Addons for Elementor
  • 8. The Plus Addons for Elementor
  • 9. PowerPack Addons for Elementor
  • 常见问题
  • WordPress 学习资源
你必须知道的 Elementor 扩充插件,帮你高效率制作网站!

1. Elementor(含 Pro 版)

Elementor 页面编辑器Elementor 页面编辑器
Elementor 页面编辑器

Elementor 是全球知名的 WordPress 页面编辑器,全球已经有 500w+ 次插件下载量,基本上与所有主题兼容。 可参考 Elementor 插件教程。

你不需会任何程序基础,只要用区块拖曳方式,就能定制形象网站设计。

有关任何的页面布局、新增区块功能、编辑区块内容等 ..,都将变得更加简单。

Elementor 形象教程示范

Elementor 有多种功能区块,是建置网站的好帮手,当你心中简单构图完成,接下来只要拖放区块,并放置在网页上即可完成设计。

Elementor 多功能的区块元素
Elementor 多功能的区块元素

Elementor 有多种区块模板和网站样板,点击按钮就可套用,再从中进行修改自己喜欢的设计,可节省大量的建置网站时间。

Elementor 具备丰富的模版库

购物网站盛行的时期,或许你想搭建购物网站,Elementor 对于 WooCommerce 电商插件,有良好的支持。

并为此开发了 WooCommerce Builder(购物网站编辑器),除了一般的页面设计,你也能设计定制化的购物网站页面。

像是添加购物车按钮、产品价格、产品图片和说明、相关产品列表、产品库存提醒等 .. ,如下图。

WordPress页面编辑器 :Elementor 的 WooCommerce Builder 购物网站区块功能(部分功能)
WooCommerce Builder 购物网站功能区块(部分功能)

方案评论

Elementor 有免费版方案可使用,如果感觉不错用且有更多设计上的需求,再升级为进阶版即可。 完整 Elementor Pro 进阶教程。

Elementor 高级版,有额外 50 多个专业元素功能、300 多种高级模板、主题编辑器、表单编辑器、弹出式广告编辑器、WooCommerce Builder(购物网站编辑器)等 ..,有更多功能可以使用。

Elementor 进阶版方案,分为个人用、公司用的两大类型,里面又有不同的方案,但能使用的功能几乎都一样,最大的差别是「使用的网站数量」。

如果你只有一个网站会使用,只需购买最低的方案即可,依此类推。

产品定价

Elementor 个人用,起手价格是 $ 59 美元 / 年(约 $1,800 人民币 / 年),算是满平价的费用,可应用在一个网站上,并享用它的全部功能。


2. Essential Addons for Elementor

Essential Addons for Elementor 插件
Essential Addons for Elementor 插件

Essential Addons 也是一个知名的 Elementor 插件,它拥有至少 80 个创意元素、70 个以上现成的块和模板,而且插件里的所有块、模版都可以自行定制,让网页客制化的功能更提升!

另外,Essential Addons 这个插件本身非常轻巧,而且还可以选择启用或禁用网站上的各种元素模块,减少网站加载时间,保持网站快速的状态。

启用或禁用小部件|Elementor 插件
我们可以在后台启用或禁用小部件

这边介绍一下元素,在免费版的Essential Addons提供了近50个元素和5个扩展工具,而进阶版再增加约35个元素和6个扩展工具。

Essential Addons 的元素|Elementor 插件
Essential Addons 的元素

如何取得 Essential Addons for Elementor 插件?

免费版的 Essential Addons for Elementor 可以通过 WordPress 直接下载即可,而且通常就满够用的。

如果你有更多进阶小工具使用的需求,那再升级为进阶版就可以了。


3. Crocoblock

Crocoblock 软件|Elementor 扩充插件
Crocoblock 软件|Elementor 扩充插件

Crocoblock 是一款基于 Elementor 的第三方扩充插件,可以与 Elementor 完美搭配使用,是由一家位于乌克兰的知名公司所开发。

插件内容包含了 20 多个系列模块、200 个 Elementor 小工具模块,以及 60 多种模板等 ..,都可以使用。

像是 JetEngine(自订前后台动态版面)、JetElement(多款扩充小工具)、JetPopup(弹跳窗口)、JetWooBuilder(电商扩充功能)、JetBlog(博客功能)、JetMenu(菜单功能)等 ..。

Crocoblock 内含多种功能模块
Crocoblock 内含多种功能模块

如何制作网站动态数据(版型)?

如果你的某些网页数据是动态的,无法通过静态页面完成。 那透过 JetEngine(动态资料模块),你可以搭建后台上资料的地方,而网站前台也可以对应呈现动态数据。

这除了方便未来做网站管理,也可以做到更客制化的网站呈现。

JetEngine 动态数据/页面制作
JetEngine 动态数据/页面制作

如何制作多种类型的菜单?

如果你觉得预设的菜单样式太无聊,可能想更改配色、间距、文字样式等 ..,或是你有横式、直式、巨大菜单(Mega Menu)、电商分类菜单等 ..,多种菜单样式的需求。

那使用 Crocoblock 的 JetMenu(菜单模块),你可以完成上述的需求。

JetMenu 菜单种类

JetMenu 内建的菜单形式,都支持 响应式网页设计的呈现,可以有效处理移动设备的视觉呈现。

提供多个 Elementor 小工具功能

Crocoblock 的 JetElement 模块,里面有提供非常多的 Elementer 小工具可供使用,如果你正在开发网页,那你一定会很需要这些功能。

JetElement 里面包含多种实用小工具
JetElement 里面包含多种实用小工具

除了基本的小工具,里面也有WooCommerce电商相关功能,像是登入/注册表单、商品轮播区块、愿望清单、会员专区客制化等..,能满足各种需求。

如何购买 Crocoblock?

如果你对 Crocoblock 有兴趣,那你可通过这个链接 前往方案页面,挑选适合你的方案。 相信它会是你制作网站的好帮手!

crocoblock 方案|Elementor 插件
Crocoblock 方案
立即取得 Crocoblock

4. Ultimate Add-Ons for Elementor

Astra 的 Ultimate Addons for Elementor 功能插件Astra 的 Ultimate Addons for Elementor 功能插件
Astra 的 Ultimate Addons for Elementor 功能插件

Ultimate Addons for Elementor 终极扩充功能,是 Astra 在 Elementor 页面编辑器上,新增了多种区块元素,可强化网页设计能力。

除了 Elementor 编辑器,Astra 也有 Ultimate Addons for Beaver Builder 插件,帮 Beaver Builder 做了功能扩充(这在购买 Astra 方案时,就需选择)。

Ultimate Addons for Elementor 主要功能有,提供 40 多种功能小套件、100+ 网站模板、200+ 区块模板。

Ultimate Addons for Elementor 插件特色
Ultimate Addons for Elementor 插件特色

像是内容切换、图片展示画廊、多变讯息框、多类型广告框(不同出现方法)、价目表功能、客制化文章布局等 .. 。 (仅列举部分)

Ultimate Addons for Elementor 的多种 Elementor 功能扩充(仅部分截图)
Ultimate Addons for Elementor 的多种 Elementor 功能扩充(仅部分截图)

还有 100 多种 Astra 使用 Elementor 开发的进阶完整模板(加上 200+ 高质感区块模板),如果正困扰找不到喜欢的,这会是好的解决方案。

只需一键套用即可,假如用了之后不喜欢,有内建模板还原程序,省掉后续重置的麻烦。

Ultimate Addons for Elementor 有多种 Astra 进阶模板可使用
Ultimate Addons for Elementor 有多种 Astra 进阶模板可使用

以上是 Ultimate Addons for Elementor 简单介绍。

立即取得 Ultimate Addons for Elementor

5. ElementsKit

ElementsKit 软件 |Elementor 扩充软件
ElementsKit 软件 |Elementor 扩充软件

ElementsKit 是 Elementor Page Builder 的超级多合一插件,它拥有页首页脚生成器、超级菜单生成器、Elementor 适用的小部件和 Elementor 模板库,这些实用的重要工具。

关于 ElementsKit 小部件,总共有 9 大不同类别,像是特别功能、社群功能、电商功能、表单功能等 ..,以下也会简单介绍给大家认识。

ElementsKit 小部件|Elementor 插件
ElementsKit 小部件

像是 ElementsKit 的「Image Comparison 」这个小工具,在免费版的 ElementsKit 就有,它的功能是用来比对「图片前后」,如下图效果,我们可以知道图片修复前后的差异。

图片前后对比|Elementor 插件
图片前后对比

除此之外,这种功能也适用在医美中心、室内设计的网站,强调成品的效果。

除了上述的功能外,ElementsKit 整体功能算是全面,且单个小工具内的可设定项目也满多的,满适合有需求的站长使用。

如何取得 ElementsKit 插件?

ElementsKit 免费版 跟前面介绍的插件一样,我们可以透过 WordPress 直接下载即可。

有关进阶版可选择年缴制度、买断制,还有组合包的方案可以选择,有兴趣的人可以点入官网了解。

ElementsKit 专业版方案
立即取得 ElementsKit

6. Premium Addons for Elementor

Premium Addons for Elementor 软件|Elementor 扩充插件
Premium Addons for Elementor 软件|Elementor 扩充插件

Premium Addons for Elementor 拥有 60 多个 Elementor 小部件、部分插件、全方位功能和近 400 个模板(免费版与专业版),种类非常多!

说到免费版与专业版, Premium Addons for Elementor 有提供比较图,让用户清楚知道差异在哪里,并评估自己适合哪个方案,或是衡量是否该购买专业版本。

Premium Addons 方案比较|Elementor 插件
Premium Addons 方案比较

官网也有针对里面的小工具,分别列出展示画面,方便我们知道了解实际的面貌。

Premium Addons 小部件功能|Elementor 插件
Premium Addons 小部件功能

这边以其中一款Bullet List举例说明。 它是一个用来做图标列表的小部件(免费版),其中最吸引人的重点是它的图标可以搭配 Lottie 动画,让图标与文字都动起来,甚至可以做出模糊效果。

Bullet list 模糊效果|Elementor 插件
Bullet list 模糊效果

如何取得 Premium Addons for Elementor 插件?

Premium Addons for Elementor 有提供 免费版本,里面的功能通常满够用的。

如果有更多需求再升级进阶版即可~

立即取得 Premium Addons for Elementor

7. Happy Addons for Elementor

Happy Addons for Elementor 插件 |Elementor 扩充插件
Happy Addons for Elementor 插件

Happy Addons for Elementor 也是 Elementor 热门的扩充插件之一。

它拥有114多个Elementor小工具、70多个Elementor模板、400多个现成的区块和22个辅助Elementor的功能。

Happy Addons 小工具|Elementor 插件
Happy Addons 小工具

我们随机挑选「Step Flow 」小工具做分享,它非常适合用在介绍某企业 /商家的年代介绍,也可用来分享创办人的事迹。

Step Flow 编辑界面|Elementor 插件
Step Flow 编辑接口

编辑设置在这里,输入标题、描述内容,然后可以加上图片或图标美化,最后排序这些字段后,再加上时间点与设计时间线方向就完成了:)

如何取得 Happy Addons for Elementor 插件?

Happy Addons for Elementor 有分 免费版 与 专业版,如果想取得这款插件,可点击链接或按钮前往下载。

相信这款插件会对你有所帮助!

立即取得 Happy Addons for Elementor

8. The Plus Addons for Elementor

The Plus Addons for Elementor 插件
The Plus Addons for Elementor 插件

The Plus Addons for Elementor 是以「丰富的功能」出名的插件,拥有超过 120 个小工具与扩展工具、300 多个 UI 基本块和 18 多个即用型模板等 .. 多项实用工具。

我们用卡通《大力水手》来形容,假设 Elementor 是大力水手波派,那么 The Plus Addons 则是那罐能量满满的菠菜,有了 The Plus Addons 的加入,就能使我们的 Elementor 功能更加强大。

而且 The Plus Addons 完全不需要使用代码,只需要透过鼠标勾选的方式去设定就好,非常适合不会程序码的人或是新手站长使用。

The Plus Addons 小工具|Elementor 插件
The Plus Addons 小工具

The Plus Addons for Elementor 拥有许多小工具,这边我们介绍一个比较实用的功能给大家认识!

像是里面的「Advanced Text Block 」模块,是一个高级的文本编辑工具。 它除了可以设定一般的文字对齐方向、更改文字颜色,还有改变字体粗细及斜体。

而且文字段落还可以增加动画,像是上下飘移、左右摇晃等等特效,在文字设计方面,增添不少视觉效果。

Advanced Text Block 编辑界面|Elementor 插件
Advanced Text Block 编辑接口

如何取得 The Plus Addons for Elementor?

The Plus Addons for Elementor 是一款好用的 Elementor 扩充工具,里面提供非常多功能可用。

如果你对它有兴趣,也可以点击按钮,了解更多的方案内容。

立即取得 The Plus Addons for Elementor

9. PowerPack Addons for Elementor

PowerPack Addons for Elementor 软件|Elementor 扩充插件
PowerPack Addons for Elementor 软件

PowerPack Addons for Elementor 拥有 60 多个小工具,并且有额外 30 多个免费的小工具,而且它非常受欢迎,总共超过 1.3 百万次下载量、超过 250 多个五星评价。

PowerPack Addons 小工具|Elementor 插件
PowerPack Addons 小工具

关于 PowerPack Addons for Elementor 的小工具,我们以「 Popup Box Widget 」为例,它的功能是用于做出弹跳窗口。 一般来说,这个功能大多被用来当作公告通知使用,让访客进入网站时,优先看到讯息。

像是电商网站的折扣活动、诊所的当月医生看诊班表异动通知,或是有公家机关网站的防诈骗宣导信息,这个弹跳窗口在我们生活里很常见!

Popup Box Widget 编辑界面|Elementor 插件
Popup Box Widget 编辑界面

在 Popup Box Widget 这个小工具程序设计里,带有智能退出窗口的技术,当访问者即将离开网站时,此功能就会生效。

如何取得 PowerPack Addons for Elementor?

PowerPack Addons for Elementor 免费版 透过 WordPress 下载就可以完成,非常方便!

如果对进阶版有兴趣,可点击下面按钮了解更多。

 立即取得 PowerPack Addons for Elementor

好啦! 以上就是 9 个最推荐 Elementor 扩充插件介绍。

希望能帮助正在搭建网站的你,更有效率的完成网页设计:)


常见问题

Elementor 可以制作什么类型的网站?

Elementor 是一款主流的页面编辑器,可透过它制作客制化网站,像是形象网站、型录网站、电商网站、多功能网站等 ..,都可以顺利完成。

搭配本文介绍的这些扩充工具,在制作上会更加如鱼得水的!

对于 Elementor 的基础操作还不够熟悉,可以参考哪一篇文章?

关于这个问题,你可以参考 Elementor 教程 ,希望让你短时间有效学习 Elementor,帮助你快速上手使用。 也可参考 Elementor Pro 进阶教程。

Elementor 页面编辑器和 Divi 页面编辑器,差别在哪?

这两款都是现今 WordPress 主流的页面编辑器,差别是 Elementor 生态圈比较开放,可搭配很多模组一起使用。

那 Divi 是自家的生态圈插件整合的比较完整,如果要找 Divi 的扩充功能,可直接到它们的 Marketplace 市集 查询。

原文链接:https://www.itaoda.cn/blog/9546.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板