Elementor 是一款功能强大的 WordPress 插件,专为那些不具备编程技能的用户设计。它通过直观的拖放界面,使得网页编辑变得简单易行。拥有超过 300 个模块、90 多个小部件和丰富的模板库,Elementor 插件大大提升了建站效率,降低了建站难度。作为目前最受欢迎的 WordPress 可视化编辑器插件之一,它的操作简便且功能强大。
Elementor 的特色
- 实时可视化编辑:所见即所得的编辑器,立即查看设计效果。
- 丰富的模板库:内置大量预设计模板,可快速创建页面。
- 拖放式构建器:无需编写代码,拖动组件即可构建页面。
- 响应式设计:轻松为桌面、平板和移动设备设计优化布局。
- 自定义 CSS 和样式:支持高级样式设置,满足专业设计需求。
- 多种组件:如图片、文字、按钮、表单、轮播、导航菜单等。
Elementor 免费版和高级版对比
功能 | 免费版 | 高级版 |
页面模板 | 提供部分免费模板 | 提供更丰富的高级模板 |
组件数量 | 30+ 免费组件 | 90+ 高级组件 |
主题构建功能 | 不支持 | 支持完整的主题构建 |
动态内容 | 不支持 | 支持动态内容 |
WooCommerce 支持 | 基础支持 | 提供高级设计功能 |
全球小部件 | 不支持 | 支持 |
客户支持 | 仅有社区支持 | 提供优先客户支持 |
价格 | 免费 | 每年 $59 起 |
Elementor 免费版和高级版对比
Elementor 免费版提供基础的页面设计功能,而高级版解锁更多高级控件、模板、动态内容支持以及专业设计工具,适合更复杂和个性化的网站需求。
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的安装非常简单,只需要在WordPress后台插件库里面搜索 Elementor 插件并安装即可。另外 Elementor还有许多的配套的插件功能来丰富网站的功能。
Elementor 基础设置
禁用Elementor的默认颜色和字体:可以根据自己或者客户需求来定义你想要的字体颜色或字体的类型。字体和颜色一般都会根据品牌的要求单独设定。
禁用 Elementor 默认的 Google 字体:远程加载文件速度慢, 会影响网站的性能和速度。
Elementor 特性功能:如果你的服务器内存配置在4G以上建议开启。
Elementor 使用教程
新建一个页面并保存。
打开刚创建的页面,点击 “Elementor” 按钮,使用 Elmentor 构建器对页面进行二次编辑。友情提示:使用 Elementor 页面构建器时,如果发生 Elementor 打开速度有点慢或者提示安全模式打开。很有可能是你前面没有关闭 Google 字体。或者是 WordPress 后台有其他地方没有设置好。
Elementor 组建管理:点击 “+” 号创建新的容器,可以按住鼠标,将容器拖拽到指定区域。
添加好容器之后,可以在容器中添加“标题”,你只需要把基本模块中的 – 标题 – 拖拽到容器中。 然后去编辑标题中的内容。
H1:每个页面一般只有一个H1作为当前页面中最主要的内容。
H2、H3、H4:每个段落可以有1个H2~H4标题。
善用 H 标签,能提升网站的排版、对 SEO 排名也有一丢丢影响。 《H 标签使用教程》点击查看。
当你想要查看页面效果是,点击右上角 “发布” 按钮右侧 “向下箭头” ,点击 “查看页面” 进行预览。
上图是未发布状态下的页面预览效果图。如果你已经编辑完此页可以点击发布,就完成了页面/文章的编辑。是不是很简单? Elementor 是网站制作的最核心的部分,学好 Elementor 的使用,就能搭建出一个漂亮的网站。学好 Elementor 的办法只有一个就是多做练习。
总结
想要了解更多的WordPress建站方面的内容,可以阅读这篇文章。《WordPress建站教程》,如果遇到技术相关问题可以来联系我们。