Elementor教程:什么是Elementor

Elementor教程:什么是Elementor

什么是Elementor

  什么是Elementor,Elementor是WordPress最受欢迎、最先进的可视化拖放页面构建器,自推出以来,Elementor的活跃安装量已超过500万,超过了许多其他网站页面构建器,是最受欢迎的WordPress网站页面构建器之一。

什么是Elementor:WordPress 最先进的可视化拖放页面构建器

  Elementor提供各种功能,有助于为您的企业创建网站,并吸引观众转化为客户。通过简单的拖放和90多个特殊小部件提供了无限的自定义选项。

  该插件带有一个专有工具集,可以控制所有关键的网站组件,如页眉、页脚、菜单、博客文章和其他元素。此外,Elementor通过添加登录页面、弹出窗口、动画和表单来增强网站建设体验。凭借其简洁的设计和无编码知识要求,Elementor为各种规模的个人和企业提供最佳的网站建设体验。

  在Elementor的帮助下,让我们知道如何创建WordPress网站以及如何开发网站中提供给观众的内容。在本文中,我们晓得博客的Elementor插件教程将为你详细介绍什么是Elementor可视化拖放页面构建器,介绍其功能、优缺点、定价、推荐。

Elementor插件有哪些优缺点

  Elementor插件免费版本支持网站建设者的所有基本需求,包括广泛的模板选择、响应式编辑、复制样式和数十个小部件。用户也可以升级到Elementor Pro专业版,其中包括额外的高级功能,如运动效果和鼠标效果以及 50 多个小部件,例如幻灯片、动画标题、专业图库、翻转框等等。

优点

  • 提供多种选择
  • 简单的用户界面
  • 拥有 Themebuilder 和 WooCommerce Builder
  • 适用于所有主题
  • 提供大量的三方插件
  • 始终更新新功能
  • 适用于 WooCommerce 和其他插件
  • 轻松快速地创建网站
  • 全局小部件

缺点

  • 无法通过拖放调整填充和边距
  • 缺乏一些面向市场的功能
  • 页面模板较少

Elementor插件功能

  您可能对 Elementor 有基本的了解,Elementor 是领先的可视化页面构建器,有助于为任何企业创建出色的网站。但实际上,除了各种功能外,它还提供了不同的设计元素,有助于在没有任何编码和设计技能的情况下构建网站。Elementor 是大多数专业人士的选择,现在让我们看看让他们印象最深刻的功能。

拖放编辑器
Elementor-Design设计器

  它拥有 WordPress 中最直观的编辑器,您只需拖放即可快速自定义所有网页。

  您可以使用 Elementor 强大的编辑器轻松创建或编辑 WordPress 网站,它不涉及任何编码来设计您的 WordPress 网站。Elementor 中的实时编辑将使每个人都能轻松查看每个元素并设计网站。每当您使用 Elementor 在 WordPress 网站上进行更改时,您都可以立即查看更改,并且设计网站既有趣又快捷。

小工具和模板

  它提供了 300 多个制作精美的模板,它们可以适合任何类型的商业行业,您可以选择合适的模板来构建您的网站。它允许您创建您需要的任何内容,因为它提供了数十个小部件来执行您想要的任何操作,例如按钮、表单、表格、常见问题解答、标题等。

Elementor小工具和模板

  您可以使用 200 多个设计精美的免费和专业 Elementor 模板进行探索,因为这些模板是由 Elementor 团队成员专业开发的

  Elementor 拥有主题构建器所需的几乎所有小部件,这使得任务更容易、更快、更棒,无需任何编码技能。如果您使用 Elementor Pro,则不需要任何开发人员或设计师。

  在 Elementor 中,每个 Widget 都提供带有优化的高级设计,无需安装任何额外的 WordPress 插件,您就可以获得所需的结果。您可以在基本元素、专业元素、主题元素、WooCommerce 元素中找到小部件,但仍然找不到您需要的小部件,然后您可以通过第三方小部件进行探索并构建自己的小部件。

  您可以从世界各地探索附加组件并浏览由开发人员创建的各种小部件。通过遵循 Elementor插件教程,您可以自己创建一个小部件,为此您必须在 Elementor 网站的开发人员部分进行探索。

表单小部件

  在 Elementor 编辑器中,您可以实时创建所有表单并告别后端

Elementor-Widget小工具

推荐轮播小工具

  您可以通过添加推荐轮播小部件来增加来自最支持客户的商业社交证明。

倒计时小工具

  通过在优惠中添加倒数计时器,您可以增加紧迫感,这可能会额外促进销售。

评价星级小工具

Elementor评价星级小工具

  借助 Elementor,您可以使用支持 Google 架构的星级评分小部件和评论滑块,向网站添加一些包含星级评分的社会证明。

响应式编辑

  使用 Elementor,您可以自动切换以查看所有屏幕尺寸并调整每个看起来适合任何类型设备的元素。它允许您设计网站页眉和页脚之间的内容。最后,您可以直接轻松地自定义网站上的所有内容,Elementor 为网页设计师提供每个细节以进行微调。

弹出窗口生成器

  弹出窗口构建器为用户提供了完全的自由,允许他们创建像素完美的弹出窗口以及定位选项。使用 Elementor 中的主题构建器,您无需编码技能即可自定义网站的每个基本部分。

Elementor弹出窗口生成器

  使用 Elementor 弹出窗口,您可以向访问者通知新闻、更新或您想要通知他们的任何信息。

  您可以使用 Elementor 弹出窗口创建您想象的任何模型,例如全屏、飞入、经典、Hello Bar、滑入、底部栏等等。无需任何编码设置,您就可以将网站的任何内容直接添加到弹出窗口中。

  在 Elementor Pro 中,您可以创建无限制的弹出窗口,无需任何额外费用和限制。

  使用 Elementor,您可以通过从各种引人注目的模板中选择预先设计的布局来创建自己的弹出窗口,并在将设计实施到您的网站之前对其进行审查,以选择最好的一个。

电子邮件订阅

  为了扩大您的订阅者列表,Elementor 允许您将表单集成到您最喜欢的电子邮件营销工具中。

促销和销售横幅

  如果您想向您的网站提供销售优惠,那么您可以通过将特别优惠包含在特殊弹出窗口中来提供特别优惠,从而吸引更多人关注您的产品/服务。

快捷设置
Elementor插件快捷键功能

  Elementor 提供快捷键功能,可以在执行任何其他操作时节省时间。

导航

  您可以在所有页面层或元素之间导航,并快速浏览自定义更改。通过指标,您可以轻松访问它们。

查找器

  为了便于导航,Elementor 提供了一个搜索栏,通过此搜索栏,您可以轻松地在不同网页和仪表板设置之间找到任何内容。当您开始使用 Elementor 时,一切都很直观,并且与导航器一起,它具有复制粘贴、复制样式和更多功能。

修订历史

您的整个网页将在创建过程中使用修订历史保存,并且也可以轻松恢复和重新跟踪。

自动保存、重做 撤消

  您的所有工作都会自动保存在此 Elementor 中,如果您犯了任何错误,请不要担心,只需单击一下,您就可以快速撤消它。

在草稿模式下编辑

  如果您发布了一个页面并且还想继续对其进行一些自定义,那么您只需将其保存为草稿模式。因此,您可以轻松编辑它。

站点设

  从一个方便的地方,您可以控制所有全局元素,包括灯箱设置、主题样式和布局。

设计
Elementor-Design设计器

  Elementor 中有您需要的不同设计器工具,它提供了 WordPress 上前所未有的具有完美像素布局的设计。Elementor 提供了数以千计的字体选项,您必须查看所有这些字体,然后选择要应用于网站的自定义字体。您可以向网站的任何部分添加动画,例如视差或任何其他交互式动画。

全局字体和颜色

  它允许根据您的选择从标题、按钮文本和段落开始应用字体。它可以访问所有全局字体,并且可以通过单击将字体应用到您想要的任何位置。全局颜色将定义您的网站设计,一旦保存,您就可以将它们应用于整个网站的任何元素。

全局自定义 CSS

  如果您想放置自己的代码,您可以添加自定义 CSS,它还允许您在整个网站中应用它们。

背景渐变、视频和叠加

Elementor字体和颜色设计

  对于任何 WordPress 页面或帖子,使用 Elementor 可以轻松添加背景渐变颜色。您甚至可以向该部分添加背景视频,以便背景对访问者更具吸引力。在背景之上,Elementor 也允许添加另一层颜色渐变或图像。

带有图像和幻灯片的增强背景

  Elementor 的背景图像将允许您根据设备进行自定义,您也可以将其设置为自定义大小和位置。对于站点的任何部分或列,您可以创建幻灯片以将其显示为背景。

元素画布

  当您切换到 Elementor Canvas 模板时,您可以在 Elementor 中设计整个登录页面,而无需处理网站的页脚和页眉,并且它适用于任何主题。

混合模式

  要创建壮观的混合模式效果,您可以混合背景和背景叠加。

CSS 过滤器

  您可以使用图像设置,并在 CSS 过滤器的帮助下,还可以在网站元素中添加惊人的效果。

形状分隔线

Elementor形状分割线

  要分隔页面的各个部分,您可以添加醒目的形状,并通过其中的各种图标、SVG 和文本使它们脱颖而出。

盒子阴影

  无需处理 CSS 过滤器,您可以继续在视觉上设置自定义框阴影。

单页网站

  Elementor 允许您创建一个单页网站,其中包括单击以滚动导航以及网站所需的部分。您可以使用 Elementor 轻松使用单页网站构建器创建单页网站,而无需编码技能。此处提到了创建专业单页网站的强大工具,每个小部件都在 Elementor 中提供高级设计自定义。因此,无需安装任何额外的 WordPress 插件,您就可以获得想要的结果。

运动效果

  通过使用鼠标效果和滚动效果,您可以向您的网站添加动画和交互。

图标库

  您可以通过创建灵活、智能和轻便的图标来上传新图标,还可以浏览 Elementor 图标库中的数千个精美图标。

截面宽度和高度

  当您超越通用和过度简化的页面设计时,您可以控制不同的页面部分。它允许您为使用拉伸部分功能的任何主题构建全角页面。

主题风格

  接管您的主题设计,其中包括按钮、标题、背景、表单域和图像样式。

使用 Elementor 的营销解决方案
Elementor营销解决方案

  如果您想构建登陆页面或成功的网站,Elementor 为您提供可以增加流量并转化为销售和转化的一切。您可以通过提供优质内容来促进您的内容营销,并通过在社交网络上分享来扩大您的受众。

登陆页面

  您可以使用 Elementor 轻松创建和管理所有登录页面,并且可以根据需要进行编辑和设计。

粘性菜单

  如果您想从访问者那里获得更多销售和转化,您可以通过使页脚、页眉和其他区域(如网站的 CTA 区域)具有粘性并始终可见以滚动来实现。

脚本和 CSS 优化
Elementor-CSS优化

  页面构建器 Elementor 是使用优化构建的,并且只加载用于加载的脚本。所有 CSS 文件都经过压缩、编译和外部加载,从而加快了加载速度。

WooCommerce
Elementor-WooCommerce构建器

  使用 Elementors WooCommerce 构建器,您可以为您的在线商店自定义布局,并且对于每个产品,您无需编码即可进行设计。

Elementor 电子商务评论

  对于电子商务商店,它允许您为显示您的产品/服务的价格创建高级表格,并且您还可以向您的网站添加菜单、目录。您可以使用过滤器选项对产品/服务进行分类,以显示您将在 WooCommerce 商店中销售的确切商品。添加到购物车按钮必须添加到您的产品页面,同时您可以创建我的帐户页面、单个产品页面、结帐页面、付款页面和跟踪页面。

Elementor 资源

  Elementor 提供的不同资源包括附加组件、托管服务、附属程序、模板库、网站教程、免费 WordPress 主题构建器、漏斗构建器、投资组合网站构建器和单页网站构建器。现在让我们找出此 Elementor 评论中的所有资源以及它在创建网站时有何帮助。

投资组合网站建设者
Elementor投资组合网站

  使用 Elementor 中的投资组合网站构建器,您可以轻松创建引人注目的投资组合网站。同时,您可以使用行业领先的网站构建器平台,帮助您创建专业的在线内容,轻松展示您的最佳作品和具有特殊设计的杰出作品。

漏斗生成器

  在几分钟内,您可以使用 Elementor 创建一个高转化率的营销渠道。如果您想构建营销内容以实现营销目标,那么此 Elementor 适合您。无需编码技能,您就可以不受限制地设计着陆页、潜在客户生成表单、引人注目的弹出窗口等。使用 Elementor 可以轻松为您的企业建立营销渠道。Elementor 以专业方式构建市场内容的强大工具。

搜索页面

  通过创建和设计搜索页面,您可以为网站访问者提供更好的搜索体验。

404页

  您可以使用 Elementor 构建创意 404 页面,因为它在访问者迷路时提供更好的体验。

第3方集成

  使用 Elementor,您可以无缝集成您最喜欢的 CRM 和营销工具。Elementor 为您的业务提供了一整套集成,从社交网络到电子邮件营销软件。假设您没有找到所需的集成工具,那么还有两个选项可供探索,即第三方集成来构建您自己的集成。

Elementor集成功能

  您可以浏览由全球开发人员创建的各种集成,并在附加组件部分探索更多。此外,您可以按照 Elementor 提供的教程创建自己的 Elementor 集成。Elementor 允许您创建具有各种动态布局的联系表单、订阅表单、登录表单。收集 10 多个不同领域的潜在客户和数据,根据您的要求创建表单并获取数据。

  您还可以在 Elementor 的帮助下创建引人入胜的多步骤表单。表单布局非常容易定制,您可以根据需要选择颜色和排版。所有提交的数据都将存储在 Elementor 的“提交”部分。

  Elementor 允许集成 MailChimp、ActiveCampaign、ConverKit、Campaign Monitor、Hubspot、Zapier、AdobeTypeKit、Discord、GetResponse、Drip、Recaptcha V3、Facebook SDK、Mailer Lite、Slack、Font Awesome 5、自定义图标库。

营销工具

  您可以集成不同的营销和 CRM 工具,例如 Aweber、Drip、MailChimp、Hubspot 等等。

插件

  在 Elementor 中,您可以与各种 WordPress插件集成,例如 Yoast、Pods、LearnDash、Tutor LMS 等等。

社交媒体

  可以与 Elementor Discord、Slack、Vimeo 等集成的不同社交网络。

Elementor社交媒体功能

  您可以在所有社交媒体平台上分享您的内容,并使用定制设计的 Blackquotebox 分享您的 Twitter 页面的最佳台词。为了增加来自社交媒体资料的流量,Elementor 允许添加社交图标,并且在每个帖子的末尾,您可以添加 Facebook 小部件以获得更多喜欢、分享和参与。

Elementor的定价计划

Elementor定价

  使用 Elementor 免费开始基本网站计划,1 pro 网站基本计划费用为 49 美元/年三个专业网站高级计划每年收费 99 美元,现在流行版本专家计划收费 199 美元/年,对 25 个专业网站有效

  对于为多个客户工作的理想情况,Elementor 提供了一个Studio 计划,费用为 499 美元/年,Agency 费用为 999 美元/年,适用于 1000 个专业网站

  Elementor 的上述价格不包括适用的税费,完全取决于账单地址。它接受来自 PayPal、VISA 卡、Stripe、MasterCard、American Express 和 Discover 的付款方式。它为客户提供为期 30 天的 Elementor 专业版探索,如果有人不满意,则团队将退还给用户。您的所有付款信息均受 SSL 加密保护,您可以继续使用专业版来构建您的网站。

  Elementor 是目前可用的最受欢迎的 WordPress 页面构建器之一,这是有充分理由的。它充满了使自定义网站设计比以往更简单的功能。

Elementor 和Elementor Pro的区别

  在我们继续之前,重要的是要注意 Elementor 有专业版。免费版本可以让您走得更远,但如果您正在寻找更多功能,请 考虑 Elementor Pro。 

Elementor的免费版本  包括所有你需要建立一个网站,包括功能构建一切:

  • 标题 
  • 文本框 
  • 图像小部件 
  • 视频小部件 
  • 画廊小部件
  • 感言 
  • 分隔线小部件 
  • 手风琴小部件 

Elementor Pro添加了多项针对企业的功能,包括:

  • 表格 
  • 幻灯片 
  • 投资组合 
  • 价格表 
  • 图片轮播 
  • 计数器小部件 
  • 弹出窗口 
  • 共享按钮小部件
  • 自定义页脚和页眉构建器 
  • 号召性用语

Elementor 的推荐附加组件

  虽然Elementor加载了功能,并且您现在知道如何使用 Elementor主题,但可以考虑几个可用于进一步扩展功能的附加组件。 

Elementor第三方插件

  当您学习如何使用 Elementor 时,掌握这些选项及其定价可能会有所帮助:

  • Ultimate Addons:向 Elementor 添加更多附加组件、小部件和块,起价为 55 美元。 
  • Elementor Essential Addons:这是Elementor最受欢迎的元素库,提供 70 多个选项,单个网站的起价为 39.97 美元。 
  • Elementor Pack:他的包充满了免费的 Elementor 小部件和附加组件。Pro 版本增加了更多小部件以及支持和更新,起价为 29 美元/年。
  • ToolKit for Elementor:ToolKit 旨在通过性能调整和更直观的管理工具使创建 Elementor 网站变得更容易。您可以在最多三个网站上以 49 美元/年的价格开始使用此附加组件。

总结

  以上是晓得博客为你介绍的Elementor教程:什么是Elementor的全部内容,Elementor 通常被誉为 WordPress 的顶级页面构建器插件,其功能丰富的设计、强大的社区以及辅助主题和附加组件的可用性使其成为构建网站的灵活且易于访问的方式。 

  推荐: Elementor Pro插件教程

给文章评分

发表评论

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


Scroll to Top