Elementor评论:使用此页面构建器设计博客

已发表: 2020-11-10

想建立自己的网站吗?

使用Elementor之类的工具,您不需要任何Web开发技能即可创建外观精美的网页。

Elementor构建器提供了一个拖放界面,使您可以构建外观专业的网站,而无需编写任何行代码。

此Elementor评论将帮助您确定是否值得为您选择。 我们将探讨其功能,可用的定价计划,使用方法以及应由谁获得。

我们有很多工作要做,所以让我们开始吧。

目录

  • 1.什么是Elementor?
  • 2.基本要素
  • 3.熟悉Elementor界面
  • 4. Elementor定价:专业版vs免费版
  • 5. Elementor很难掌握吗?
  • 6.谁应该获得Elementor?
  • 7.基本要素常见问题
  • 8.最后的想法

    什么是Elementor?

    什么是元素

    当我第一次开始使用WordPress建立网站时,我认为这个过程再简单不过了。

    您只需轻拍一个预先构建的主题,然后在此处和此处应用一些自定义项,然后直接创建内容。

    但是,不可避免的是,您需要学习一些编码来构建100%原始站点。

    尽管WordPress的库中包含数千个主题,但仍有数百万个网站在该平台上运行。 结果,很容易最终获得具有大量外观的通用网站。

    如果您想要看起来完全独特的东西,则必须使用代码对网站进行精确调整。

    那是在诸如Elementor之类的页面构建器出现之前。

    使用Elementor,您可以通过将视觉元素从字面上拖放到页面中来进行操作-随心所欲调整大小和位置。

    这是Elementor界面的先睹为快:

    元素预览

    Elementor的主要功能

    为了使这篇评论能够顺利开始,让我们快速快速地了解Elementor的主要功能。

    1.实时拖放式编辑器

    您想了解创建网站的最佳过程吗?

    点击保存并预览更改。

    通过实时编辑器工作时,Elementor可以让您体验成就感。 它使用软件界称为“所见即所得”或所见即所得的编辑器。

    您所做的一切,从添加新按钮到调整文本对齐方式,都将实时预览。

    Elementor Live编辑器

    这也使调整元素的属性(例如尺寸,不透明度和边框样式)变得容易。

    使用代码时,您需要输入值并预览页面以查看是否正确。 使用Elementor实时页面构建器,您可以在第一时间获得正确的结果-无需反复试验。

    Elementor Live编辑器的一部分

    2.大量的小部件

    在Elementor上,可以混合和匹配的视觉元素称为小部件。

    当前的Elementor版本支持90多个小部件,您可以使用它们将网站的完美页面拼凑在一起。

    在几秒钟内,您可以插入一个作者框,一个动画标题,一个轮播-实际上是网站中您需要的任何内容。

    只需使用“搜索小部件”字段来查找要添加到页面的特定元素。

    如何搜索Elementor小部件

    3.预先设计的块和页面

    想要节省更多的Web开发时间吗?

    您可以使用Elementor的预先设计的内容块和页面来构建网站的基本区域。

    要查看可用的块和页面,请单击任何小部件区域上的文件夹图标。 这将拉动Elementor的“图书馆”。

    Elementor Library快捷方式

    相应于常见问题,联系信息,推荐书,号召性用语等各个页面部分的块。 就像小部件一样,您可以使用内置的搜索栏找到所需的块。

    元素块库

    另一方面,页面基本上是模板,可以帮助您可视化页面设计的方向。

    一些示例是“正在建设中”页面,登录页面和“关于”页面。

    Elementor页面模板

    4.建立在任何WordPress主题之上

    如果您不熟悉页面构建器,您可能会担心Elementor是否与您当前的WordPress主题兼容。

    请放心,它旨在与任何WordPress主题无缝配合。

    并且,如果您尚未完成博客主题的确定,请选择其中任何一个Elementor主题。

    例如,编辑帖子可让您将元素编织到指定的内容区域,而不会破坏主题的设计。

    内容区域可以根据您选择的“结构”具有多个列。

    基本内容部分的结构

    5.弹出窗口生成器

    在网页设计中,确定页面的关键元素以及如何突出显示这些元素很重要。

    如果您想将访问者转化为客户,则希望他们看到诸如CTA和选择加入表单之类的转换元素。

    一种有效的方法是通过不会干扰用户体验的智能“弹出窗口”呈现这些元素。

    你猜怎么了? 您也可以使用Elementor进行制作。

    甚至唾手可得的整个定制化弹出模板库。

    Elementor弹出模板

    通过Elementor Popup Builder,您可以通过弹出窗口显示从电子邮件订阅框到“退出意图”表单的所有内容。

    为确保弹出窗口不会惹恼读者,您可以设置特定的触发器来控制它们的出现时间。 例如,您可以将弹出窗口设置为在用户滚动到某个元素时或退出时显示。

    6. WooCommerce Builder

    是否想通过出售东西来通过WordPress网站获利?

    Elementor也可以在没有专业开发人员任何帮助的情况下帮助您建立在线商店。

    该平台通过WooCommerce运作, WooCommerce是专门为WordPress设计的电子商务平台。

    借助Elementor的WooCommerce Builder,您可以使用优雅的单一产品和产品归档页面模板。 还有一堆WooCommerce小部件,可用于为虚拟店面增添趣味。

    这里有些例子:

    • 产品图片小部件
    • “添加到购物车”按钮小部件
    • 产品定价小部件
    • WooCommerce面包屑小部件
    • 产品图片小部件

    自然,您需要准备好WooCommerce方面的内容才能创建由Elementor支持的在线商店。 准备工作包括将产品添加到WooCommerce目录,配置付款系统等。

    既然我们已经介绍了Elementor的一些关键功能,那么让我们深入了解该平台的功能。


    熟悉Elementor界面

    Elementor拥有干净的用户界面,任何人都可以在不到一天的时间内学会。

    如果您已有WordPress网站,请考虑安装免费版本的Elementor并随本教程一起学习。

    您应该可以从官方插件存储库中找到它。

    如何在WordPress上安装Elementor

    发射元素

    有两种方法可以从WordPress仪表板启动Elementor。

    激活后,您可以通过单击WordPress页面编辑器中的“使用Elementor编辑”来使用实时编辑器。

    使用Elementor按钮编辑

    您还可以通过单击“创建新帖子”直接从WordPress仪表板启动实时编辑器。 但是,这仅在您要使用Elementor创建博客文章时才有用。

    创建新帖子按钮

    无论您是在编辑帖子还是页面,Elementor实时编辑器都应该看起来相同。


    使用元素

    在左侧,您会找到主面板,您可以在其中找到小部件,更改设置等。

    全面披露:我在OS的“暗”模式下使用Elementor,这就是为什么屏幕截图看起来可能不同的原因。

    Elementor主面板

    要将小部件或元素添加到页面,只需将其从主面板拖到现有部分中即可。

    可以在页面的实时预览中创建和管理版块。 这些是带有虚线边框,两个按钮和“在此处拖动小部件”提示的空间。

    使用Elementor创建新帖子时,页面内容区域的中间会有一个默认部分。 这是您无法删除或移动的唯一部分。

    实时编辑器部分

    您可以参考下面的动画,以了解如何使用Elementor向页面添加元素。

    为了本指南的方便,让我们添加一个动画标题。

    添加动画标题

    添加元素后,您可以在左侧面板中更改其属性。

    只需单击要配置的元素以显示适当的设置。

    如何编辑元素的设置

    当然,您可以在左侧面板中访问的设置取决于您可以选择的元素。

    对于动画标题的内容,您可以更改动画样式,形状,文本,对齐方式,链接和HTML标签。

    即使对于不懂技术的用户,该界面也应该足够简单。

    编辑动画标题

    您可以通过切换到“样式”和“高级”选项卡来更改更多设置。

    同样,可用设置取决于您正在编辑的元素。

    在“样式”标签下,您可以更改动画形状的颜色,厚度和行为。 您还可以为标题选择新的字体和文本颜色。

    样式和高级标签

    容易吧?

    我很想探索Elementor的90多个小部件的设置。 不幸的是,那只会使这篇评论变得无聊。

    我的建议是通过自己下载插件来检查免费的Elementor块。

    继续,让我们谈谈管理页面的内容部分。


    调整内容部分

    请注意,将元素添加到页面的主要部分将为其创建一个新部分。

    例如,通过添加动画标题,您现在在页面上有两个活动部分。

    Elementor Live编辑器部分

    向页面添加部分的一种方法是单击现有元素顶部的“加号”按钮。

    添加部分按钮

    应该在所选元素的顶部创建一个新的内容部分。

    关于上面的示例,您的新内容部分应出现在动画标题的正上方。

    添加了新部分

    您还可以通过将新的窗口小部件拖放到页面中来创建新部分。

    这样,Elementor会将其放在您先前创建的元素的底部。

    查看下面的动画以了解其工作原理。

    添加新部分

    就是这样–现在,您知道如何为要使用的元素添加更多的内容部分。

    如果要并排放置元素,则需要在部分中添加列。

    为此,请右键单击左上角的“编辑列”按钮,然后单击“添加新列”。

    如何添加新列

    重复此步骤,直到达到您的部分所需的列数。

    这是包含三列的部分:

    三栏式

    现在,您可以将新的窗口小部件拖动到这些列中的任何一个中。

    您还可以直接在实时编辑器窗口中调整每列的宽度。 只需单击列边框并向左或向右拖动-取决于您要实现的布局。

    如何直接调整列边框

    要修改列的外观,请点击“编辑列”按钮。

    您可以从左侧面板更改列的布局,样式和高级设置。 您可以调整的一些选项是列的背景,边框,特殊效果和自定义CSS。

    列样式设置

    是否需要更快的创建列的方法?

    您可以通过将“结构”应用于一个节来节省时间,该节可以包含多个具有不同布局的列。

    创建新部分后,您可以通过单击中心的“加号”按钮来选择结构。

    如何向部分添加结构

    将显示可用结构的预览,以帮助您选择要使用的结构。

    选择你的结构

    请记住,您仍然可以将结构应用于已经具有窗口小部件的部分。

    选择一个部分后,单击顶部栏中的“编辑部分”按钮。

    更改部分结构的选项应显示在左侧面板上。

    变更部门结构

    还可以使用与单独添加常规列相同的方式来调整结构列。 您可以使用鼠标或通过手动调整左侧面板上的数字来完成此操作。


    创建全局小部件

    像您到目前为止所看到的一样吗?

    Elementor仍然有很多技巧。

    首先,您可以创建“全局窗口小部件”,可以在网站的多个区域中复制和粘贴这些窗口小部件。

    假设您要为电子书创建唯一的CTA按钮。

    使用全局小部件,您不必每次在页面上使用该按钮时就创建该按钮。 您只需要从左侧面板转到“全局”标签,然后从那里使用它即可。

    如果要将读者吸引到网站的特定区域,这将非常有用。 它可以是产品页面,订阅表单,资源页面或任何与转换有关的内容。

    为了给您一个想法,我创建了一个全局小部件,该小部件将读者指向我的逐步博客指南

    学习博客全局小部件

    要创建全局窗口小部件,请从一个基础元素开始。

    假设您想像我一样制作可重复使用的CTA按钮。

    在Elementor主面板中,搜索“按钮”小部件并将其添加到您的页面。

    创建一个全局小部件

    然后,您可以按照自己的方式开始自定义小部件。

    让我们通过更改CTA按钮的颜色和字体来保持简单。

    如果您一直在关注,您会知道我们可以通过导航到“样式”标签来做到这一点。

    自定义小部件样式

    要将元素另存为全局窗口小部件,请将鼠标悬停在该元素上,然后右键单击“编辑”按钮。 在上下文菜单中,单击“另存为全局文件”以创建全局窗口小部件。

    另存为全局窗口小部件上下文菜单

    下一步是为全局窗口小部件命名。 只需输入您想记住窗口小部件的方式,然后点击“保存”即可。

    保存全局小部件

    恭喜,您刚刚使用Elementor创建了第一个全局小部件。

    现在,您应该可以在我之前向您显示的“全局”标签下找到它。

    全局小部件选项卡

    是否要更新您的全局小部件?

    将其放在页面上的任何位置以打开左侧面板中的“全局编辑”部分。 从那里,单击“编辑全局窗口小部件旁边的“编辑”。

    编辑全局小部件

    无论何时要进行更改,都不必担心更新全局小部件的每个副本。

    Elementor中全局小部件的每个实例都会实时更新。

    如果希望全局窗口小部件的此特定实例唯一,也可以单击“取消链接按钮。 您对该窗口小部件所做的任何更改都不会影响该全局窗口小部件的所有其他副本。


    Elementor定价:专业版vs免费版

    到现在为止,您应该对Elementor足够了解,以决定它是否值得您花费时间和金钱。

    看看到目前为止我们讨论的功能,您很有可能至少正在考虑它。

    我知道我是第一次听到Elementor音乐主题。

    有空的时候看看吧。 主题不仅引人注目,而且还封装了您可以使用Elementor进行的操作。


    无论如何,您可能会对它要花多少钱感到好奇。

    好消息是,Elementor附带了一个免费版本,您可以无限期使用它无限的页面数。

    坏消息?

    它远没有Elementor Pro强大。

    为了帮助您决定是否要升级Elementor,让我们比较一下免费版和专业版。


    Elementor Pro功能

    首先,如果您坚持使用Elementor的免费版本,则会错过以下内容:

    • 全局小部件—对使用Elementor制作的全局小部件有一些想法吗? 然后您必须为Elementor Pro掏钱,因为免费版不提供全局小部件。
    • Popup Builder-创建智能弹出窗口以吸引潜在客户的注意也仅对Elementor Pro用户可用。 对我而言,能够确保您的CTA和价值主张的可见性是一个巨大的优势。
    • 自定义字体-有时,唯一性只是选择其他字体的问题。 Elementor Pro可让您直接将自定义字体上传到WordPress网站或从现有的800多个选项中进行选择。
    • 主题生成器-使用Elementor的免费版本,您的主题的某些方面无法编辑。 Elementor Pro可以解锁对主题的页脚,页眉和其他区域的完全控制,同时将设计保存为可重复使用的模板。
    • Pro模板套件-通过获取Elementor Pro,您可以访问由其内部专业设计师团队创建的高级网站模板。 这些模板将快速跟踪您网站的发展,因此您可以快速进行内容创建。
    • WooCommerce Builder-是的-如果获得Pro版本,则只能使用Elementor的WooCommerce Builder工具。 这包括各种WooCommerce小部件,这些小部件将改善WordPress网站上的在线商店体验。

    Elementor Pro元素

    还值得指出的是,Elementor Pro升级允许访问一长串有用的小部件。

    以下是示例:

    • 动画标题
    • 帖子小部件
    • 照片库
    • 投资组合小部件
    • 自订表格
    • 登录表单
    • 滑梯
    • 价目单价目表
    • 价格表
    • 翻盖盒
    • 导航菜单
    • 视觉CTA
    • 块引用
    • 媒体轮播
    • 推荐轮播
    • 倒数
    • 用户评论
    • Facebook评论
    • Facebook嵌入
    • WooCommerce小部件
    • 倒数

    您可以在Elementor主面板的“ Pro”部分下找到这些小部件。

    Elementor Pro小部件

    您可以免费使用Elementor获得什么?

    因此,我们确定Elementor Pro可以使您完成很多出色的工作。

    问题是,Elementor的免费版本会带来什么?

    实际上有很多功能。

    使用免费版的Elementor,您仍然可以使用它的相当大的基本小部件集合。 您可以轻松插入视频,按钮,分隔符,图标,图像轮播,进度条等。

    Elementor免费小部件

    除了免费的小部件之外,Elementor还使您可以利用以下功能,而无需支付一分钱:

    • 维护模式-尚未准备好炫耀您的WordPress网站吗? Elementor可以帮助您建立漂亮的“即将推出”页面,以在工作中保持进度的私密性。
    • 修订历史记录-在网站上工作时,会有一些想法只能在纸上看起来不错。 使用修订历史记录工具,您可以放心地建立自己,知道可以还原到网站的旧版本。
    • 移动编辑-即使使用Elementor的免费版本,您也可以完全控制网站在较小屏幕上的显示方式。 您可以微调元素的可见性,背景图像的显示选项等。

    说到移动编辑,请记住,您始终可以预览网站在其他设备上的外观。

    在Elementor主面板的底部,单击“响应”模式,然后单击要模拟的设备。

    在撰写本文时,您可以预览您的网站在个人计算机,平板电脑和智能手机上的外观。

    响应模式视图

    确保网站的移动友好性是SEO或搜索引擎优化的重要一步。

    您的网站针对搜索引擎的优化程度越高,其产生的自然流量就越多。

    Elementor可以帮助您进行页面优化  努力不止一种。

    它还与Rank Math集成  —一个流行的插件,可以帮助改善WordPress网站的SEO。

    不管您使用的是Elementor Pro还是免费版本。

    排名数学的工作方式是抢先分析您网站的SEO友好性并检测有问题的问题。 它还使您可以执行诸如编辑内容的元描述,指定架构类型以及编写SEO标题之类的任务。

    通过Elementor集成,您可以通过从左侧面板转到“ SEO”选项卡来访问Rank Math的功能。

    排名数学SEO功能

    印象深刻了吗?

    Elementor的免费版本附带许多其他有用的功能。 加上免费的价格标签和用户友好性,使页面构建器成为我书中的必备条件。

    但是,如果您正在考虑购买Elementor Pro,那么您可能会对一件事感到好奇。


    Elementor Pro多少钱?

    现在-百万美元的问题。

    Elementor Pro多少钱?

    每年的Elementor Pro费用取决于您要使用它的网站数量。

    • 个人(适合1个网站)-每年$ 49美元
    • 加号(适用于3个网站)-每年$ 99美元
    • 专家(适合1,000个网站)-每年199美元

    不管您选择哪种价格,随附的Elementor Pro功能在所有方面都是相同的。 这些计划之间的唯一区别是Elementor Pro许可证密钥可以使用的站点数量。

    初级定价

    好的-您现在可能会期望获得Elementor Pro的巨大折扣。

    不幸的是,我现在无法为您提供Elementor折扣代码。 但是,我所能做的只是放入我个人的现成模板集合中。

    如果您从我的链接购买Elementor Pro并出示收据,您将获得我个人用来设计博客上每个页面的所有模板,包括首页,关于页面,电子书销售页面,页眉和页脚,工具页面等。 。

    要使用这些免费赠品,请使用此链接。


    Elementor很难掌握吗?

    Elementor绝对不难学习。

    实际上,我相信您可以在购买一个小时后建立一个令人惊叹的网页。

    但是,Elementor是否难以掌握的问题取决于您对“掌握”的定义。

    我自己仍然每次学习使用Elementor的新方法。 当涉及颜色组合,位置,边框样式和运动效果时,可能性是无限的。

    还有诸如Popup Builder之类的功能,可增强网站构建的动力。

    长话短说,我相信您将需要很长时间才能将自己称为Elementor“大师”。 但是绝对可以很快,您可以使用它来完成一些令人惊奇的事情。


    谁应该获得Elementor?

    每个博客作者都应尝试使用免费版本的Elementor来真正欣赏该平台可以为他们做的事情。

    即使是初学者,在开发过程中,您也不会遇到用Elementor生成高质量网页的问题。 零价格标签也意味着涉及零风险。

    在对Elementor进行了自己的测试之后,您应该能够确定是否需要Pro版本。 这正是我自己购买Elementor Pro并在我的网站上使用它之前所做的。

    为简化起见,如果您是以下人士,则应认真考虑购买Elementor Pro:

    • 建立适当的流量获利策略的博客
    • 使用WooCommerce的电子商务企业家
    • 想要加快潜在客户产生和转换结果的Blogger
    • 需要更简化工作流程的Web开发人员

    单击此处获取Elementor Pro。


    Elementor常见问题

    Elementor可以使用我的主题吗?

    是的-Elementor被设计为自适应的。 您可以使用它将新的视觉元素合并到帖子或页面中,而不会影响主题的设计。

    什么是Elementor Pro?

    Elementor Pro为已经具备功能的Elementor页面构建器带来了许多附加功能和小部件。 它的起价为每年49美元(最多一个站点)。

    有Elementor免费试用吗?

    Elementor Pro没有免费试用版,但是有一个免费版本,功能有限。 但是,他们确实为Elementor Pro新客户提供30天退款保证。

    Elementor会减慢我的网站速度吗?

    否。如果有的话,安装Elementor这样的多合一插件可以提高性能,因为您需要的WordPress插件更少。


    最后的想法

    Elementor是一个很棒的页面构建器,我会自信地推荐任何想要构建一个漂亮网站的人。

    仍然不确定这是否对您的博客工具箱有用吗?

    也许我亲自在自己的博客上使用Elementor的事实会让您信服。

    事实上,您在此博客中找到的所有登录页面都是使用Elementor创建的。

    请记住,在Master Blogging中,我的首要任务是为读者提供成功所需的工具。

    Elementor是这些工具之一。

    使用此工具,您只需几个小时即可发布设计精美的网页。 您甚至不需要花费一个角钱就可以看到它的核心功能。

    对于问题,建议和一般反馈,请在下面留下评论。 如果您已经亲自测试过Elementor,也可以随时分享您的经验。

    开始使用Elementor设计页面

    初级奖金

    我的Elementor评论是否使您对采用专业版感兴趣?

    为什么不享受额外的帮助,以这些独家的Elementor奖金开始您的Elementor旅程。

    这是您将得到的:

    • 奖金#1:Readymade Elementor模板:您将获得我个人用来设计博客上每个页面的所有模板,包括首页,关于页面,eBook销售页面,页眉和页脚,工具页面等。您只需要将其导入您的帐户,您将立即拥有一个类似于我的博客的网站。 随时在这里和那里进行调整,使您的博客具有独特的外观。
    • 奖金2:价值47美元的Elementor培训课程:一旦我确认您的购买记录,我还将授予您访问我的Elementor培训课程的权限(在4-5天内),以便您可以学习如何充分利用Elementor pro 。

    有兴趣获得这些奖金吗? 从此链接获取Elementor Pro,然后从此处在我的电子邮件中转发您的购买收据。

    初学者评论