您想知道要在 Elementor Pro 上掌握的最佳功能吗?

所有 WordPress 用户都知道它。 Elementor 是最受欢迎的页面构建器之一。 作为免费增值插件,您可以享受使用 Elementor 以视觉方式创建漂亮页面的体验,并可选择升级到专业版以解锁更多高级功能。

阅读我们的指南: 如何在WordPress上安装Elementor

实际上有两种方法可以扩展 Elementor 功能。 除了升级到专业版,您还可以安装由知名开发商开发的第三方附加组件,例如 我们开发者, WP开发者, 至 鳄鱼块。 如果您更愿意升级到 Elementor Pro 并且仍然想知道可以解锁哪些功能,这里是列表。

Elementor Pro 的 20 大功能

1. 主题生成器

WordPress 是用 PHP 编写的。 也就是说,要创建一个插件或 WordPress主题,你还需要精通PHP和JavaScript等支持语言。 但那是以前。 今天,您可以创建自己的 WordPress主题 由于一些页面构建器插件(如 Elementor)提供的主题构建器功能,无需编码。

什么是主题构建器?

要理解主题构建器的概念,您必须首先了解主题构建器的组件 WordPress主题。 WordPress 主题由模板文件组成。 每个模板文件控制部分主题的布局。 例如,文件 header.php文件 控制主题标题的布局,而文件 footer.php文件 控制主题页脚的布局。 大多数 WordPress主题 有以下模板文件:

  • 头文件.php: 控制标题的布局。
  • 页脚.php: 控制页脚的布局。
  • 单个.php: 控制单篇文章的布局(博客文章)。
  • 侧边栏.php: 控制侧边栏的布局。
  • 存档.php: 控制存档页面的布局。
  • 页面.php: 控制页面的布局。

主题构建器允许您创建自定义模板来替换上述模板以及属于某个主题的其他模板。 您可以使用您正在使用的页面构建器(在本例中为 Elementor)的可视化编辑器构建自定义模板。

elementor-pro-awesome-features-to-master

使用主题构建器而不是主题的优点之一是您可以定义自定义模板的应用位置。 例如,您可以定义自定义页眉模板以应用于某个帖子、页面、某些类别下的帖子、整个网站等。

换句话说,您可以通过为同一部分创建多个自定义模板来对主题的某个部分(例如标题)进行不同的布局。 另一个优势,您有无限的自定义选项.

2. WooCommerce 构建器

你有 WooCommerce 驱动的电子商务网站吗? Elementor Pro 还允许您为 WooCommerce 在线商店创建自定义模板,从而将您的电子商务网站设计提升到一个新的水平。 无需购买 WooCommerce 主题。

阅读: 如何使用 Elementor 创建 WooCommerce 商店的自定义页面

相反,您可以使用 Elementor 的可视化编辑器自己自定义 WooCommerce 的部分。 您可以为其创建自定义模板的 WooCommerce 部分是:

  • 单品页面
  • 产品存档页面(类别和标签)
  • 商店页面

您可以使用以下小部件为 WooCommerce 创建自定义模板:

热销产品 产品等级
WooCommerce面包屑 产品库存
自定义添加到购物车 产品元
WooCommerce页面 简要说明
产品分类 产品内容
菜单车 产品数据标签
产品名称 附加信息
产品图片 产品相关
产品价格 加售
添加到购物车

3. 表单生成器

elementor-pro-awesome-features-to-master

Elementor Pro 可让您访问表单小部件。 您可以使用此小部件将表单添加到您正在处理的页面/主题构建器模板。 由于其广泛的字段类型支持,此小部件允许您创建各种表单类型。 以下是 Elementor 的表单小部件支持的字段类型:

文本 接受
电邮 老旧房屋
多行文本 HTML
网址 密码
电话 文件上传
选择 时间
复选框 日期
广播电台 联系电话

您可以将表单嵌入 验证码 以保护它免受垃圾邮件发送者的侵害。 通过一个小技巧,您还可以使用 Form 小部件来创建一个 您网站上的注册页面. Elementor 还允许您 分几个步骤创建表单 允许您创建一个简化的长表单,并提供一个 最佳用户体验 给您的用户。

Elementor 本身没有处理表单提交的默认功能。 Elementor 的 Form 小部件支持与流行的服务 GetResponse、ActiveCampaign、ConvertKit、Discord 等集成。

4.弹出生成器

弹出窗口生成器是升级到 Elementor Pro 后可以解锁的功能之一。 此功能使您无需编码即可在网站上创建漂亮的弹出窗口。 您甚至可以使用现成的表单模板来简化您的工作流程。

Elementor 提供了 100 多个现成的弹出模板。

elementor-pro-awesome-features-to-master

Elementor 的弹窗生成器本身支持以下类型的触发器:

  • 页面加载时 - 加载页面时
  • 滚动时 - 滚动时
  • 滚动到元素时 - 滚动到元素时
  • 单击时 - 单击时
  • 不活动后 - 不活动后
  • 页面退出意图 - 页面退出意图

Elementor Pro 的弹出窗口生成器还支持显示条件,允许您定义弹出窗口的显示位置。 它还允许您根据以下条件显示弹出窗口:

  • x 页面浏览量后
  • x 节后
  • 从某个网址到达时
  • 当搜索引擎到达时
  • 仅显示离线用户的弹出窗口
  • 在特定设备类型(台式机、平板电脑、智能手机)上显示
  • 在特定的网络浏览器中显示

凭借其点击触发器支持,您还可以使用弹出式生成器来创建 全屏菜单 和画布外的菜单。

5. 第三方集成

如上所述,由于对表单字段的广泛支持,您可以使用 Elementor 的表单小部件来创建范围广泛的表单。 其中之一允许您使用表单小部件创建电子邮件注册表以生成潜在客户。

您可以将表单连接到流行的电子邮件营销服务,例如 ActiveCampaign、GetResponse 等。

以下是您可以集成表单的第三方服务:

  • 的GetResponse
  • ActiveCampaign
  • MailerLite
  • 转换套件
  • MailPoet
  • Mailchimp
  • 松弛
  • Discord
  • HubSpot

如果您想使用 Elementor 创建登录页面,这些第三方集成特别有用。

6. 自定义 CSS

确实,Elementor 允许您在 WordPress 网站上创建漂亮的页面,而无需处理 CSS。 然而,如果你想 创建一个网站 完全独一无二,您可以使用您的 CSS 技能。 此功能允许您实现 Elementor 上尚不可用的 CSS 功能,例如 CSS 变换以向 Elementor 添加时尚的悬停效果。

阅读: 如何在 Elementor 中导入或导出模型

您可以为每个 Elementor 元素添加自定义 CSS。 无论是部分、列还是小部件。 您可以访问该块 自定义CSS 标签下 先进 从 Elementor 编辑器的设置面板(左侧面板)添加自定义 CSS。

7. 运动效果

Elementor Pro 带有调整选项,可让您将运动效果应用于您正在处理的页面上的元素。 您可以使用该功能为您的页面添加动画效果,而无需了解 JavaScript。

Elementor Pro 提供的运动效果分为两种:滚动效果和鼠标效果。 此外,您还可以将粘性选项应用于部分和小部件。

8. 超过 90 个小部件

如您所知,Elementor 是作为免费增值插件发布的,这意味着您可以使用免费版本享受 Elementor 用户体验,而无需花一分钱。 尽管 Elementor Free 提供基本小部件,但专业版附带更高级的小部件,例如表单、帖子、登录、价目表等。

以下是升级到 Elementor Pro 后可以解锁的小部件。

帖子 Countdown 帖子摘录
文件夹 分享按钮 特色图片
幻灯片 大段引用 作者箱
表单 Facebook按钮 发表评论
登录 赶快注册Facebook评论 后导航
动画标题 脸书嵌入 发布信息
价格表 您的脸书(Facebook)页面 热销产品
价格表 模板 WooCommerce面包屑
翻转框 网站标识 自定义添加到购物车
立即登入 网站标题 WooCommerce页面
媒体轮播 页面平铺 产品分类
见证轮播 导航菜单 菜单车
评论 搜索表单 洛蒂
网站地图 主题 高亮代码
视频播放列表 贝宝按钮 热点

您总共可以解锁 90 多个小部件(免费小部件和专业小部件)

9.动态内容

您不仅可以使用 Elementor 创建静态网站。 凭借对动态内容的支持,您还可以使用 Elementor 创建一个网站 动态如博客、新闻门户、公告网站等各类动态网站。 您可以使用以下小部件将动态内容添加到主题构建器模板或页面:

  • 网站标识
  • 网站标题
  • 页面标题
  • 主题
  • 帖子摘录
  • 特色图片
  • 发布信息
  • 帖子

10.自定义字段

我们在上面第 9 点中提到的小部件可用于添加默认的 WordPress 动态内容,例如帖子标题、帖子元、特色图片等。

自定义字段呢? Elementor Pro 还允许您添加 自定义字段. 通过最大化此功能,您可以使用 Elementor 以尽可能少的插件构建任何类型的网站。 Elementor Pro 与以下流行的自定义字段插件兼容:

  • 豆荚
  • 先进的自定义字段
  • 工具箱
  • JetEngine

如何将某个自定义字段插件与 Elementor 集成?

您可以简单地使用您最喜欢的自定义字段插件创建自定义字段组,并使用 Elementor 来显示您创建的自定义字段的数据。 您可以在模板上显示自定义字段。 您可以阅读我们之前的文章以了解 如何在 Elementor 中添加自定义字段.

最后

Elementor 是一个很好的工具,可以在不处理任何代码的情况下构建一个漂亮的网站。 无论是 CSS 代码、HTML 代码、PHP 代码还是 JavaScript 代码。 Elementor 的免费版本很棒,但要释放其作为最佳页面构建器插件的潜力,您需要解锁所有功能,您可以通过升级到专业版来实现。

您可以使用 Elementor Pro 解锁的第一个功能列表到此结束。 您将在另一篇文章中发现下一个。

立即获取Elementor Pro!

结论

这里 ! 这篇文章就是这样,它向您介绍了在 Elementor Pro 上掌握的最棒的功能。 如果您对如何到达那里有任何疑问 f让我们知道 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...