元素回顾:使用这个页面生成器来设计你的博客
想要建立自己的网站?
用工具喜欢Elementor,你不需要任何网页开发技能来创建视觉上令人惊叹的网页。
Elementor构建器提供了一个拖放界面,让您无需编写一行代码就可以构建看起来很专业的网站。
这个元素审查将帮助您决定是否值得为您捡起。我们将探索其功能,可用的定价计划,如何使用它,谁应该得到它。
我们有很多覆盖,所以让我们潜入。
目录
Elementor是什么?
当我第一次开始用WordPress建造网站时,我认为这个过程无法容易得多。
您只需在预先构建的主题上拍打,在此处和那里应用一些自定义,并跳转到创建内容。
然而,为了建立一个100%原创的网站,您不可避免地要学习一些编码。
虽然WordPress在其图书馆中有数千个主题,但是在平台上运行了数百万的网站。结果,它很容易将通用网站最终有一大吨的面观。
如果你想要一些看起来完全独特的东西,你必须使用代码对你的网站进行精确的调整。
这是在像元素这样的页面建设者进来之前。
与Elementor,您通过实际上将可视元素拖放到您的页面中 - 调整大小和重新定位。
以下是元素族界面的预览:
Elementor的主要特点
要将此评论删除到运行开始,让我们快速地播放Expressor的主要功能。
1.生活,拖放编辑器
你想知道创建网站最好的部分吗?
点击保存并预览您的更改。
Elementor让您在通过实时编辑器工作时遇到成就感。它使用软件世界中所知的内容作为“你所看到的是你得到的东西”或wysiwyg编辑器。
你所做的一切,从添加一个新按钮到调整文本对齐,都将实时预览。
这也可以方便地调整元素的属性,如尺寸、不透明度和边框样式。
在处理代码时,您需要输入值并预览页面,以查看是否正确。使用Elementor实时页面构建器,您可以在第一次就得到正确的结果——不需要尝试和错误。
2.小部件的巨大收藏
在Exponeror上,您可以混合和匹配的可视元素称为窗口小部件。
当前的ElementOR版本支持90多个小部件,您可以使用它将您的网站的完美页面拼接在一起。
在几秒钟内,您可以插入作者框,动画标题,旋转木马 - 几乎您需要在网站中所需的任何东西。
只需使用“Search Widget”字段查找您想要添加到页面中的特定元素。
3.预先设计的块和页面
想刮掉你的Web开发时间的时间更多?
你可以使用Elementor预先设计的内容块和页面来构建网站的关键区域。
要查看可用的块和页面,请单击任何小部件区域上的文件夹图标。这将调出Elementor“库”。
区块适用于个人页面的faq、联系信息、客户感言、行动呼吁等部分。就像小部件一样,你可以使用内置的搜索栏来找到你需要的块。
另一方面,页面基本上是模板,可以帮助您可视化您的页面设计的方向。
一些例子是“正在构建”页面、登录页面和“关于”页面。
4.构建在任何WordPress主题之上
如果您不熟悉页面构建器,您可能会担心Elementor是否与当前的WordPress主题兼容。
请放心,它旨在与任何WordPress主题无缝工作。
如果您还没有完成博客主题,请选择其中任何一个Elementor主题.
例如,编辑帖子,允许您将元素编织到指定的内容区域,而不会中断您的主题设计。
根据您选择的“结构”,内容区域可以有多个列。
5.弹出建设者
在网页设计中,识别页面的关键元素以及如何突出它们是很重要的。
如果你想把访问者转换成客户,你会希望他们看到像cta和选择表单这样的转换元素。
一个有效的方法是通过不破坏用户体验的智能“弹出窗口”呈现这些元素。
你猜怎么着?你也可以用Elementor来做这些。
您的指尖甚至还有一个可自定义的弹出模板图书馆。
Elementor Popup Builder可以让你通过弹出窗口呈现任何内容,从电子邮件订阅框到“退出意图”表单。
为了确保弹出窗口不会惹恼读者,您可以在显示时设置特定的触发器。例如,一旦用户滚动到元素或退出时,您可以设置弹出窗口。
6.WooCommerce建设者
想要通过卖东西赚钱你的WordPress网站?
Elementor还可以帮助您建立您的在线商店,无需任何专业开发人员的帮助。
该平台通过Woocommerce.,这是一个专门为WordPress设计的电子商务平台。
使用Elementor的WooCommerce Builder,您可以使用优雅的单个产品和产品归档页面模板。你还可以使用一些WooCommerce小工具来为你的虚拟商店增添趣味。
这里有些例子:
- 产品图像小部件
- “添加到购物车”按钮部件
- 产品定价小部件
- Woocommerce Broadcrumbs小部件
- 产品图像小部件
当然,你需要让Woocommerce一面准备创建你的元素供电的在线商店。该准备工作包括向您的Woocommerce目录中添加产品,配置您的付款系统等。
现在我们已经介绍了Elementor的一些关键特性,接下来让我们深入研究该平台的功能。
熟悉Elementor界面
Elementor具有清洁的用户界面,而不是任何人都可以在不到一天内学习。
如果您有现有的WordPress网站,请考虑安装Elementor的免费版本跟随本教程。
您应该能够从官方插件库中找到它。
推出元素
从WordPress仪表板上启动Elementor有两种方法。
激活后,您可以通过单击使用活动编辑器'用元素编辑'来自WordPress的页面编辑器。
你也可以直接从WordPress仪表板上点击激活实时编辑器“创建新职位”.但是,如果要使用Elementor以创建博客文章,则这仅是有用的。
无论您如何编辑帖子或页面,Elementor Live Editor仍应相同。
使用元素
在左侧,您将看到主面板,可以在其中找到小部件、更改设置等。
完整披露:我正在使用Comperor与我的操作系统在“黑暗”模式下,这就是屏幕截图看起来不同的原因。
要将窗口小部件或元素添加到页面,只需将其从主面板拖动到现有部分。
部分可以在页面的实时预览中创建和管理。这些是带虚线边框的空格、两个按钮和“拖动小部件”提示符。
当使用Elementor创建一个新文章时,在页面内容区域的中间有一个默认区域。这是你唯一不能删除或移动的部分。
您可以参考下面的动画,了解如何使用Elementor向页面添加元素。
为了本指南,让我们添加一个动画的标题。
添加元素后,您可以在左侧面板中更改其属性。
只需单击要配置的元素即可显示相应的设置。
当然,您可以在左侧面板中访问的设置取决于您可以选择的元素。
对于动画标题的内容,您可以更改动画样式,形状,文本,对齐,链接和HTML标记。
即使对不懂技术的用户来说,界面也应该足够简单。
你可以通过切换到“风格”和“高级”选项卡来改变更多的设置。
同样,可用设置取决于您正在编辑的元素。
在“样式”选项卡下,您可以更改动画形状的颜色,厚度和行为。您还可以为标题选择一个新的字体和文本颜色。
容易,对吧?
我喜欢探索所有元素的90多个小部件的设置。不幸的是,这只会将这一审查变成了一个钻孔。
我给你的建议是通过下载插件自己来查看免费的Elementor块。
接下来,让我们讨论一下如何管理页面的内容部分。
调整内容部分
请注意,将元素添加到页面的主要部分将为IT创建新部分。
例如,通过添加一个动画标题,您现在在页面上有两个活动部分。
向页面添加部分的一种方法是单击现有元素上方的“加号”按钮。
应在您选择的元素的顶部创建一个新的内容部分。
与上面的例子相关,你的新内容部分应该出现在动画标题的正上方。
您还可以通过将新小部件拖放到您的页面中来创建新部分。
在这样做时,Elementor将把它放在以前创建的元素的底部。
看看下面的动画,看看这是如何工作的。
就是这样 - 您现在知道如何为要使用的元素添加更多内容部分。
如果希望将元素并排放置,则需要向节中添加列。
为此,请右键单击“编辑列”左上角的按钮,然后单击“添加新列”。
重复此步骤,直到您在部分中达到所需的列数。
下面是一个有三列的section:
您现在可以自由地将新小部件拖到任何列中。
您还可以在实时编辑器窗口中直接调整每个列的宽度。只需点击一个列的边界和拖左或右-取决于你想实现的布局。
要修改列的外观,请单击“编辑列”按钮。
您可以从左侧面板更改列的布局,样式和高级设置。您可以调整的一些选项是列的背景,边框,特殊效果和自定义CSS。
想要更快的方式创建列吗?
您可以通过将“结构”应用于一个部分来节省时间,这些部分可以包含具有不同布局的多个列。
创建新部分后,您可以通过单击中心的“加号”按钮选择一个结构。
将显示可用结构的预览,以帮助您选择要使用的结构。
请记住,您仍然可以将结构应用到已经具有小部件的部分。
选择一个区段后,单击编辑部分的按钮从顶部栏。
改变section结构的选项应该出现在左边的面板上。
结构列也可以像普通列单独添加一样进行调整。你可以用鼠标或者手动调整左边面板上的数字。
创建全局小部件
就像你目前看到的?
Elementor仍然在其袖子下有很多技巧。
首先,你可以创建“全局小部件”,可以在网站的多个区域复制和粘贴。
假设你想为你的电子书创建一个独特的CTA按钮。
使用全局窗口小部件,只要您要在页面上使用它,您就不必创建该按钮。您只需从左侧面板中转到“全局”选项卡并从那里使用它。
如果你想把读者引导到网站的特定区域,这是非常有用的。它可以是一个产品页面、订阅表单、资源页面或任何与转换有关的内容。
要为您提供一个想法,我创建了一个全球小部件,指向我的读者逐步的博客指南.
要创建全局小部件,首先要创建一个基础元素。
假设您想要像我一样创建一个可重用的CTA按钮。
在Elementor主面板中,搜索“Button”小部件并将其添加到页面中。
然后,您可以开始按您想要的方式定制小部件。
让我们通过更改CTA按钮的颜色和字体来保持简单。
如果您一直在关注,您会知道我们可以通过导航到“样式”选项卡来执行此操作。
要将元素保存为全局小部件,将鼠标悬停在它上面,右键单击“Edit”按钮。从上下文菜单中单击' Save as a Global '以创建全局小部件。
下一步是给全局小部件命名。只要输入任何你想记住的小部件,然后点击“保存”。
恭喜 - 您刚刚使用Elementor创建了第一个全局窗口小部件。
现在,您应该能够在“Global”选项卡下找到它,就像我之前展示的那样。
想要更新全局小部件?
把它放在页面的任何地方,打开左侧面板中的“全局编辑”部分。从那里,点击“编辑”在“编辑全局小部件”旁边。
当您想要进行更改时,不必担心更新全局小部件的每个副本。
Elementor中的全局窗口小部件的每个实例都在实时更新。
您也可以单击'取消链接'按钮,如果您希望全局小部件的这个特定实例是惟一的。对该小部件所做的任何更改都不会影响该全局小部件的所有其他副本。
Elementor Pricing:Pro VS免费
到目前为止,您应该了解expressor,以决定它是否值得您的时间和金钱。
看着我们到目前为止讨论的功能,这是一个很好的机会 - 至少 - 考虑它。
我知道我第一次听到元素乐队的音乐主题时就这么做了。
有空的时候去看看。这个主题不仅吸引人,它还封装了使用Elementor可以做的事情。
无论如何,你可能会好奇它要花多少钱。
好消息是,Elementor附带免费版本,您可以无限期地使用无限数量的页面。
这个坏消息?
它无处可行Elementor Pro.
为了帮助您决定是否要升级到expontor升级,让我们比较免费和亲版本。
Elementor专业功能
首先,如果您坚持Expressor的免费版本,这是您将错过的事情:
- 全球小部件对于使用Elementor制作的全局小部件有一些想法吗?你将不得不为Elementor Pro支付一些现金,因为免费版本没有全球小部件。
- 弹出窗口 -创建智能弹出窗口以赢得潜在客户的注意,也仅适用于Elementor Pro用户。对我来说,能够保证您的CTA和价值主张的可见性是一个巨大的优势。
- 自定义字体 -有时候,与众不同只是选择了不同的字体。Elementor Pro可以让你直接上传自定义字体到你的WordPress网站,或者从现有的800多个选项中选择。
- 主题建设者 -使用Elementor的免费版本,您的主题有某些方面无法编辑。Elementor Pro解锁完全控制您的主题页脚,标题和其他区域,同时将设计保存为可重用模板。
- Pro模板套件 -Getting Elementor Pro允许您访问由其内部专业设计师团队创建的高级网站模板。这些模板将快速跟踪你的网站的发展,所以你可以快速地创建内容。
- Woocommerce Builder -是的 - 如果您获取专业版,您只能使用Expreseor的Woocommerce Builder工具。这包括各种Woocommerce窗口小部件,这些小部件将改善WordPress网站上的在线商店体验。
Elementor Pro元素
还值得指出的是,Elementor Pro升级授予了对一长串有用小部件的访问权。
下面是例子:
- 动画标题
- 文章小部件
- 相片画廊
- 投资组合小部件
- 自定义表单
- 登录表格
- 幻灯片
- 价格单
- 价表
- 翻箱
- 导航菜单
- 视觉CTA
- 引用
- 媒体旋转木马
- 推荐转盘
- 倒计时
- 用户评论
- Facebook评论
- Facebook嵌入
- WooCommerce小部件
- 倒计时
您可以在“元素主面板的”Pro“部分下找到这些小部件。
元素可以免费获得什么?
所以,我们确定了Elementor Pro可以让你完成很多伟大的事情。
问题是,Elementor的免费版本带来了什么?
实际上很多功能。
有了免费版的Elementor,您仍然可以使用它相当大的基本小部件集合。您可以轻松地插入视频、按钮、间隔符、图标、图像旋转木马、进度条等。
除了免费的小部件,Elementor还可以让你利用以下特性而不收取一分钱:
- 维护模式,还没准备好展示你的WordPress网站?Elementor可以帮助您建立一个漂亮的“即将到来”页面,以保持您的进度隐私的工作。
- 修订历史。当你在网站上工作时,有些想法只在纸上看起来不错。使用修订历史记录工具,您可以自信地进行构建,知道您可以恢复到站点的旧版本。
- 移动编辑- - - - - -即使是Elementor的免费版,您也完全控制了您的网站在较小的屏幕上查看的方式。您可以微调元素的可见性,背景图像的显示选项等。
说到移动编辑,记住你总是可以在不同的设备上预览你的网站。
在Elementor主面板的底部,单击'响应'模式并单击要模拟的设备。
首先编写这篇文章,您可以预览您的网站在个人计算机,平板电脑和智能手机上看。
确保您网站的移动友好是SEO或搜索引擎优化的重要一步。
你的网站对搜索引擎的优化程度越高,它产生的自然流量就越多。
元素可以帮助你在页面优化努力比一个更多样。
它还与排名数学- 一个流行的插件,可以帮助改进WordPress网站的SEO。
不管你使用的是Elementor Pro还是免费版本。
通过抢先地分析您网站的SEO-FREAMLINES和检测问题问题来排列数学作品。它还允许您执行诸如编辑内容的元描述的任务,指定架构类型,并编写SEO标题。
通过Elementor集成,您可以通过从左侧面板的“SEO”选项卡访问Rank Math的功能。
印象深刻了吗?
来自Elementor的免费版本有很多其他有用的功能。除了免费的价格标签和用户友好性之外,可以在我的书中进行页面构建器。
然而,如果你正在考虑购买Elementor Pro,你可能会对一件事感到好奇。
Elementor Pro COMPOR COMPER多少钱?
现在 - 对于百万美元的问题。
多少钱Elementor Pro成本?
每年的Elementor Pro费用取决于你想在哪些网站上使用它。
- 个人(有益于1个网站) -每年49美元
- 加(适用于3个网站) -每年99美元
- 专家(适用于1,000个网站) -每年199美元
无论您选择哪个价格,Chanded Elementor Pro功能在隔板上都是相同的。这些计划之间唯一的区别是您的Elementor Pro许可证密钥可以正常工作的网站数。
好吧 - 你可能会在这一点期待一个巨大的Elementor Pro折扣。
不幸的是,我现在不能提供您一个Elementor折扣代码。不过,我能做的是把我个人收集的现成模板扔进去。
如果你从我的链接购买了Elementor Pro,并提交了你的收据,你将得到我个人使用的所有模板,在我的博客上设计每一个页面,包括主页,关于页,电子书销售页,页眉和页脚,工具页等。
为了享受这些免费赠品,使用这个连接.
元素难掌握吗?
Elementor绝对不难学。
事实上,我相信你可以在购买一个小时后创建一个令人惊叹的网页。
然而,Elementor是否难以精通的问题取决于你对“精通”的定义。
我,我自己,每次使用它时,我都会学习用元素做事的新方法。当涉及彩色组合,定位,边框样式和运动效果时,可能性只是无止境。
还有一个像Popup Builder一样放大现场建设的动态的功能。
长话短说,我相信你需要很长时间才能称自己为元素派的“大师”。但用不了多久,你就可以用它做一些惊人的事情。
谁应该得到Elementor?
每个博主都应该尝试使用免费版的Elementor来真正欣赏这个平台为他们所做的一切。
即使是初学者,在Elementor的指导下制作高质量的网页也不会有问题。零价格标签也意味着零风险。
在自己测试Elementor之后,您应该能够确定是否需要专业版本。这正是我在购买Elementor Pro之前所做的,并在我的网站上使用它。
为了让事情更简单,如果你是:
- 建立博客与交通货币化战略到位
- 使用Woocommerce的电子商务企业家
- 想要加速他们的优势生成和转换结果的博主
- Web开发人员需要更精简的工作流程
元素常见问题
Elementor会对我的主题起作用吗?
是的-元素被设计成具有适应性。您可以使用它在不影响主题设计的情况下将新的视觉元素合并到文章或页面中。
什么是Elementor Pro?
Elementor Pro为已经支持的Elementor页面构建器带来了许多额外的特性和小部件。它的起价是每年49美元,最多只能在一个地点。
有Elementor免费试用吗?
Elementor Pro没有免费试用,但有一个有限的功能可用版本。但是,他们确实为新的Elementor Pro客户提供了30天的回报保证。
Elementor会减慢我的网站速度吗?
不可以。如果有的话,安装一个像元素唱样的一体化插件,则提高了性能,因为您需要更少的WordPress插件。
最后的想法
Elementor是一个伟大的页面构建器,我有信心推荐任何人谁想建立一个美丽的网站。
仍然不确定它是否是您博客工具箱的一个很好的补充?
也许我个人使用了我自己的博客中的元素将说服你。
事实上,你在这个博客中找到的所有登陆页面都是用Elementor创建的。
请记住,在主博客中,我的首要任务是为读者提供成功所需的工具。
Elementor是其中一个工具。
有了这个工具,你只需几个小时就可以发布设计精美的网页。你甚至不需要花一分钱就能看到它的核心功能。
对于问题,建议和一般的反馈,请在下面留下评论。如果你自己测试过Elementor,也可以分享你的经验。
Elementor奖金
我的《元素》评论是否让你对专业版感兴趣?
为什么不获得一些额外的帮助,开始你的元素之旅与这些独家元素加成。
以下是你将得到的结果:
- 奖金#1:ReadyMade ComplexOr模板: You’ll get all my templates that I personally use to design every single page on my blog including Homepage, About Page, eBook Sales Page, Header and Footer, Tools page, etc. You just need to import them in your account and you’ll instantly have a site similar to my blog. Feel free to tweak it here and there to give your blog a unique look.
- 奖金#2:元素培训课程价值47美元:一旦我验证您的购买,我还将授予您访问我的Elementor培训课程(4-5天内),以便学习如何充分利用Elementor Pro。
对这些奖金感兴趣吗?从此链接获取Expontor Pro并转发您的购买收据电子邮件从这里.
嗨,先生,我是Raza你的博客和你的YouTube频道订阅者的一致读者。我想说你的文章真棒但有一些问题问题是你基本的链接不起作用,请尽快解决。
你好转
MD Raza.
谢谢你让我知道。固定它
它与WordPress有何不同?
伟大的帖子ankit,我在我的网站上使用了Expreseor免费版,UI很容易,甚至我也可以使用元素而没有任何困难。如果想要更多的功能,则必须购买它的首要版本。
Ankit,这篇文章以一种非常清晰的方式编写。
我现在没有使用过元素,但肯定会尽快尝试免费版本。
我也明白,可能已经使用Elementor创建了一些此博客的一些最惊人的页面。
我很快就会尝试一下,你可能很快就会在我的博客上看到一些最好的页面。谢谢你写了这么一篇关于Elementor的信息丰富的评论。