Elementor 插件 v 3.25:最优秀的页面构建器

WordPress插件Elementor

Elementor 是一款功能强大的 WordPress 插件,专为那些不具备编程技能的用户设计。它通过直观的拖放界面,使得网页编辑变得简单易行。拥有超过 300 个模块、90 多个小部件和丰富的模板库,Elementor 插件大大提升了建站效率,降低了建站难度。作为目前最受欢迎的 WordPress 可视化编辑器插件之一,它的操作简便且功能强大。

Elementor 的特色

  • 实时可视化编辑:所见即所得的编辑器,立即查看设计效果。
  • 丰富的模板库:内置大量预设计模板,可快速创建页面。
  • 拖放式构建器:无需编写代码,拖动组件即可构建页面。
  • 响应式设计:轻松为桌面、平板和移动设备设计优化布局。
  • 自定义 CSS 和样式:支持高级样式设置,满足专业设计需求。
  • 多种组件:如图片、文字、按钮、表单、轮播、导航菜单等。

Elementor 免费版和高级版对比

功能免费版高级版
页面模板提供部分免费模板提供更丰富的高级模板
组件数量30+ 免费组件90+ 高级组件
主题构建功能不支持支持完整的主题构建
动态内容不支持支持动态内容
WooCommerce 支持基础支持提供高级设计功能
全球小部件不支持支持
客户支持仅有社区支持提供优先客户支持
价格免费每年 $59 起

Elementor 免费版和高级版对比

Elementor 免费版提供基础的页面设计功能,而高级版解锁更多高级控件、模板、动态内容支持以及专业设计工具,适合更复杂和个性化的网站需求。

Elementor Pro 提供了更多的模版库

Elementor Pro 模版库

Elementor Pro 提供了主题生成器

Elementor Pro 主题生成器

同类型插件对比

插件名称特点优缺点免费/付费
Divi Builder全面的设计工具,Divi 主题集成优点:功能强大,易用性强。缺点:对非 Divi 主题的优化稍逊。付费
Beaver Builder简单易用,注重性能优点:性能稳定,适合开发者使用。缺点:设计自由度稍低。免费/付费
WPBakery丰富的第三方扩展优点:市场成熟,功能全面。缺点:界面稍显复杂,代码输出较多。付费
Brizy用户友好,适合初学者优点:简单直观。缺点:功能较少,扩展性一般。免费/付费

支持 Elementor 的扩展插件

插件名称功能是否免费
Essential Addons提供大量额外小部件免费/付费
Ultimate Addons高级设计小部件和模板付费
ElementsKit一体化解决方案,包括额外组件和模板免费/付费
PowerPack Addons添加高级小部件,扩展设计可能性付费
Dynamic Content for Elementor提供动态内容支持付费
WooLentor提供 WooCommerce 的高级设计工具免费/付费
Happy Addons创意小部件和功能免费/付费
Crocoblock Suite全面支持,包含 Jet 系列插件付费

Elementor 插件的安装与设置

elementor插件安装

Elementor的安装非常简单,只需要在WordPress后台插件库里面搜索 Elementor 插件并安装即可。另外 Elementor还有许多的配套的插件功能来丰富网站的功能。

Elementor 基础设置

elementor默认颜色和字体设置

禁用Elementor的默认颜色和字体:可以根据自己或者客户需求来定义你想要的字体颜色或字体的类型。字体和颜色一般都会根据品牌的要求单独设定。

禁用google字体

禁用 Elementor 默认的 Google 字体:远程加载文件速度慢, 会影响网站的性能和速度。

open all

Elementor 特性功能:如果你的服务器内存配置在4G以上建议开启。

Elementor 使用教程

新建页面

新建一个页面并保存。

elementor页面构建器

打开刚创建的页面,点击 “Elementor” 按钮,使用 Elmentor 构建器对页面进行二次编辑。友情提示:使用 Elementor 页面构建器时,如果发生 Elementor 打开速度有点慢或者提示安全模式打开。很有可能是你前面没有关闭 Google 字体。或者是 WordPress 后台有其他地方没有设置好。

elementor容器

Elementor 组建管理:点击 “+” 号创建新的容器,可以按住鼠标,将容器拖拽到指定区域。

elementor拖拽修改内容

添加好容器之后,可以在容器中添加“标题”,你只需要把基本模块中的 – 标题 – 拖拽到容器中。 然后去编辑标题中的内容。
H1:每个页面一般只有一个H1作为当前页面中最主要的内容。
H2、H3、H4:每个段落可以有1个H2~H4标题。
善用 H 标签,能提升网站的排版、对 SEO 排名也有一丢丢影响。 《H 标签使用教程》点击查看。

elementor页面预览

当你想要查看页面效果是,点击右上角 “发布”  按钮右侧 “向下箭头” ,点击 “查看页面” 进行预览。

Elementor使用教程

上图是未发布状态下的页面预览效果图。如果你已经编辑完此页可以点击发布,就完成了页面/文章的编辑。是不是很简单? Elementor 是网站制作的最核心的部分,学好 Elementor 的使用,就能搭建出一个漂亮的网站。学好 Elementor 的办法只有一个就是多做练习。

总结

想要了解更多的WordPress建站方面的内容,可以阅读这篇文章。《WordPress建站教程》,如果遇到技术相关问题可以来联系我们。

转载:感谢您对本站的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处 “来源wordpress建站 - 漾动网络”

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

wordpress建站广告宣传图

Get Your Free Demo Free Demo

Sign Up to Sitech