Tag: WordPress页面构建器

  • Elementor vs WPBakery:哪个是最佳的 WordPress 页面构建器?

    Elementor vs WPBakery:哪个是最佳的 WordPress 页面构建器?

    图片[1]-361Sale WordPress Care

    在构建和设计 WordPress 网站时,选择一个合适的页面构建器至关重要。ElementorWPBakery 是当前市场上最受欢迎的两个页面构建器插件。它们各自提供了强大的工具和功能,帮助用户无需编写代码即可创建美观且功能丰富的网站。

    在本文中,我们将详细比较 Elementor 和 WPBakery,从功能、用户界面、定价、优缺点等多个角度入手,帮助你做出最适合自己需求的选择。

    功能 Elementor WPBakery
    拖放编辑器 实时拖放编辑器,直观、快速,允许用户轻松调整页面布局和设计。 提供前端和后端编辑器,允许用户通过拖放操作快速构建页面。
    设计师模板 超过300个精心设计的模板,适用于各种用途和行业,支持自定义。 提供超过100种预设设计的模板库,支持快速选择和应用。
    小工具 提供90多个小工具,涵盖文本框、图片、轮播、表单生成器等,支持内容创建的多样性。 提供超过50个预先打包的内容元素,包括文本块、按钮、网格、手风琴等,支持拖放操作。
    响应式编辑 允许为不同设备分别调整页面布局和元素的显示方式,确保网站在所有设备上均显示良好。 支持响应式内联编辑,允许用户立即看到改进效果。
    主题构建器 Elementor Pro提供主题构建器功能,支持不需要代码即可自定义网站的每一部分。 不具备专门的主题构建器功能,但提供丰富的布局选项,支持页面和内容的高度定制化。
    导航功能 提供先进的导航器功能,支持在复杂页面布局中轻松导航和查看页面中的所有元素。 不提供专门的导航功能,依靠前端和后端编辑器进行页面管理。
    编辑工具 提供重做/撤消、自动保存、修订历史、复制粘贴样式等多种编辑工具,提升设计效率。 提供基本的编辑工具,支持常见的内容编辑和布局调整。
    背景功能 支持设置背景渐变、视频背景、背景叠加层等多种背景样式,支持不同设备的自定义背景设置。 提供基本的背景设置选项,支持颜色、填充、边距等自定义调整。
    布局工具 提供多种布局工具,包括段的宽度和高度、列间距、文本位置、填充和边距等,支持Z索引、Flexbox方向等高级布局功能。 提供无限的布局选项和工具,支持使用拖放功能创建复杂的页面布局和内容管理。
    附加组件 提供基本的小工具和功能扩展,Elementor Pro支持更多高级功能。 提供超过250个独家附加组件,支持创建复杂和丰富的页面内容,增加动画效果、创建高级表单等。
    设计选项 支持自定义CSS、全局显示条件等高级设计选项,适合需要高度定制化的网站。 提供多种设计选项,支持颜色、填充、边距等调整,支持自定义内容块和布局。

    Elementor vs WPBakery:定价对比

    Elementor

    Elementor 提供四种定价计划:

    • 免费计划:适合个人用户和小型网站。
    • 个人版:每年 59 美元,适用于1个站点。
    • Plus 版:每年 99 美元,适用于3个站点。
    • 专业版:每年 199 美元,适用于 25 个站点。
    图片[2]-361Sale WordPress Care

    WPBakery

    WPBakery 提供两种定价计划,一次购买,永久使用:

    • 基础版:69 美元,适用于单个站点,包括额外支持和设计存储库的访问。
    • 扩展版:256 美元,适用于5个战点,具有主题兼容性、高级支持和免费更新的 SaaS 单站点使用。
    图片[3]-361Sale WordPress Care

    WPBakery 还提供从 20 多个许可证开始的批量许可折扣,并允许用户通过沙盒演示免费测试插件。

    Elementor vs WPBakery:优缺点分析

    Elementor 的优点

    • 提供免费计划,适合预算有限的用户。
    • 开源平台,社区支持丰富。
    • 用户界面友好,适合初学者。
    • 提供多种集成功能,支持多语言网站。
    • 功能丰富,包括主题构建器和弹出窗口构建器。
    • 支持自定义 CSS 和高级设计选项。
    • 定期更新,确保软件的稳定性和安全性。

    Elementor 的缺点

    • 没有白标版本,不适合品牌重视度高的用户。
    • 部分用户对支持服务提出了投诉。
    • 没有终身使用的购买选项,可能导致长期使用成本较高。

    WPBakery 的优点

    • 定价合理,适合预算有限的用户。
    • 提供角色访问控制,适合多用户管理的网站。
    • 支持多语言网站,适合全球用户。
    • 提供多种内容块,适合创建多样化的页面内容。
    • 提供预制模板,节省设计时间。
    • 适用于许多主题,兼容性高。

    WPBakery 的缺点

    • 学习较难,初学者可能需要更多时间上手。
    • 提供的内容元素相对较少,不如 Elementor 丰富。
    • 使用简码的方式可能会影响页面加载速度和管理复杂性。
    • 没有完全免费的计划,用户需要付费才能体验完整功能。
    图片[4]-361Sale WordPress Care

    Elementor vs WPBakery:哪个更适合

    如果你是初学者或预算有限,Elementor 是一个理想的选择。它不仅提供了一个免费的计划,还支持多种功能,可以轻松构建专业的 WordPress 网站。Elementor 的拖放编辑器、丰富的小工具和设计模板,以及响应式编辑功能,使其成为许多网站建设者的首选。

    另一方面,如果需要更复杂的页面布局和内容管理功能,WPBakery 可能更适合你。虽然 WPBakery 使用起来不简单,但它提供了丰富的附加组件和设计选项,适合那些需要高度定制化的网站。

  • 升级到 Elementor Pro 的好处:全面功能解析与对比

    升级到 Elementor Pro 的好处:全面功能解析与对比

    图片[1]-361Sale WordPress Care

    本文讨论了为什么升级到 Elementor Pro 可以提供全面的主题构建、集成、高级支持和更多高级功能。请继续阅读以了解是否继续使用免费的 Elementor 版本或升级到 Pro。

    Elementor 与 Elementor Pro 对比

    如果你已经使用 Elementor 页面构建器插件一段时间,我们猜测你最近一直在问自己一个问题:

    “我应该继续使用 Elementor 免费版还是升级到 Elementor Pro?”

    Elementor 是一款用户友好的拖放式页面构建器,使用它可以轻松创建一些令人惊叹的 WordPress 网站。它提供了无限的设计可能性,免费版本也很好用。我们甚至对 Elementor 进行了深入评论。

    但就像世上任何事一样,当你达到某个点时,你就会想要更多。

    Elementor Pro 为你提供了更多选项来加快你的工作流程。例如,虽然总有解决方法,但使用 Elementor Pro 创建弹出窗口要简单得多。想要加入动画文本或标题?这也是可能的!

    此外,从更技术层面来说,如果你想添加一些自定义 CSS,专业版可以让你快速轻松地完成此操作。

    使用 Elementor 免费版可以做很多事情,升级到专业版后可以做更多事情。两者到底有什么区别?你是否应该投资 Elementor Pro?

    这正是我们这篇文章要帮助你解决的问题。我们将回答所有这些问题,以帮助你决定下一个项目是使用 Elementor 免费版还是专业版。

    Elementor 与 Elementor Pro:主要区别

    特征 Elementor 免费版 Elementor 专业版
    拖放编辑器
    小部件 30 90+
    主题生成器
    高级支持
    移动编辑
    300+ 专业模板和模块
    自定义字体和 Adobe TypeKit
    滑块和旋转木马
    自定义 CSS
    滚动效果
    动画标题
    翻盖盒
    弹出窗口生成器
    粘性元素
    社交按钮和集成
    社会证明小部件
    行动号召小部件
    表单小部件
    主题元素
    显示条件
    页眉和页脚
    粘性标题
    404 页面
    单帖
    存档页面
    角色管理器
    联系表格
    订阅表格
    登录表单
    提交和重定向后的操作

    升级到 Elementor Pro 时,从技术上讲,会在现有的免费插件中获得一些额外的 Elementor 附加组件。其他一切保持不变。因此,不必担心升级会破坏你的网站或造成任何其他影响。

    我们首先想提一下免费版和专业版之间的主要区别。

    Elementor Pro 添加了更多小部件和功能

    如果你一直在使用 Elementor 的免费版本,那么可能已经熟悉以下小部件。升级到专业版会增加可以使用小工具的数量。

    Elementor 免费小部件

    图片[2]-361Sale WordPress Care

    Elementor Pro 小部件

    图片[3]-361Sale WordPress Care

    Elementor Pro WooCommerce 小部件

    图片[4]-361Sale WordPress Care

    你不一定需要所有这些小部件来构建外观精美的页面,但它们可以帮助创建更具功能性的设计和页面或加快该过程。

    通过使用 Elementor Pro 版本,可以消除对某些第三方插件的需求。例如,使用 Form 小部件,可以直接从 Elementor 界面构建自定义表单,而无需使用表单插件。同样,Slider 小部件可让你添加性能优化的滑块,而 Posts 小部件可让你在网格中显示最新的博客文章。

    仅在这里,就无需安装三个单独的插件。

    如果你正在经营 WooCommerce 商店,会喜欢添加各种特定于 WooCommerce 的小部件。

    既然我们已经开始了,是否想使用 Elementor 创建 WooCommerce 商店?我们有一个关于如何使用 Elementor 和 Astra 主题构建 WooCommerce 网站的详细指南。

    不过,Elementor Pro 并不是添加更多小部件的唯一方法。像 Elementor 的 Ultimate Addons 这样的插件还会为 Elementor 的免费版本(以及 Elementor Pro,如果同时拥有两者)添加新的小部件。

    Elementor Pro 解锁完整模板库

    Elementor 带有广泛的模板库,但其中大多数仅限于 Elementor Pro。使用 Elementor Pro,可以使用库中的每个页面模板和块。

    图片[5]-361Sale WordPress Care

    虽然这是一个好处,但你无需购买 Elementor Pro 就可以找到 Elementor 常规版本的大量附加模板。例如,我们所有的网站模板都是使用 Elementor 的免费版本构建的。因此,如果使用 Astra 主题,仍然可以构建出色的网站,而无需支付 Elementor 费用。

    Elementor Pro 的可视化表单生成器

    Elementor Pro 附带的表单生成器绝对值得使用。表单是任何网站不可或缺的一部分。无论是个人网站、公司网站还是在线商店,表单可帮助你的访问者与你取得联系,进而帮助你收集潜在客户。

    图片[6]-361Sale WordPress Care

    使用 Elementor Pro 的拖放表单生成器,可以轻松创建表单。几分钟内即可自定义并创建漂亮的在线联系表单。可以控制布局的各个方面,并且所有表单提交都可以在 Elementor 仪表板中直接管理。

    图片[7]-361Sale WordPress Care

    想要创建多步骤表单吗?使用 Elementor Pro Form Builder 选项轻松创建多步骤表单并改善用户体验。还可以将你的在线表单与 30 多种营销和自动化工具集成,例如 ZapierMailChimpActiveCampaignHubSpot

    使用 Elementor Pro 主题生成器增强自定义功能

    使用 Elementor 主题构建器,可以控制 WordPress 网站的每个元素。从设计自定义页眉和页脚到单个页面和单个帖子,可以轻松地自定义它们。

    图片[8]-361Sale WordPress Care

    最好的一点是,无论使用什么 WordPress 主题,你都可以直观地设计它们,而无需了解如何编码。使用 Elementor 的 WooCommerce 构建器,还可以自定义在线商店的布局。只需确保你使用 Elementor WooCommerce 兼容主题即可让一切变得简单。

    想要让你的 404 页面更具创意吗?有了专业版,一切就变得轻而易举。

    如果你想使用 Elementor 构建一切,那么这就是选择 Elementor Pro 的有力理由。

    如果只想为你的网站创建自定义页眉或页脚,那么实际上并不需要专业版。Astra Pro 的自定义布局模块允许你设计自己的自定义页眉或页脚,而无需 Elementor Pro。

    Elementor Pro 定价

    我们现在知道 Elementor Pro 版本附带许多附加功能和小部件,可帮助你改善工作流程。不过它确实需要付费。虽然价格有所不同,但完全取决于需要的许可证数量和你需要的支持类型。

    Elementor Pro 定价

    专业计划 基本的 先进的 专家 机构
    价格(每年) $59 $99 $199 $999
    网站许可证数量 1 3 25 1000
    支持 优质的 优质的 优质的 贵宾
    专家网站套件 20 20
    Elementor 专家简介

    根据以上数据,如果你只在一个网站上工作,那么选择基本计划。如果你正在处理多个网站,那么所有网站都需要 Elementor Pro。

    如果仅是以下需求,那你会对 Elementor 感到满意

    • 你只想设计一些基本但好看的内容。你不需要定价表或表单等高级小部件。
    • 不要经常使用自定义 CSS。仍然可以添加自定义 CSS 类和 ID,只是无法使用单个小部件和部分的实时代码编辑器。
    • 已经在使用灵活的主题。例如,Astra Pro 可以帮助你获得 Elementor Pro 中的一些功能,例如创建自定义页眉和页脚的功能。

    如果符合以下条件,一定要购买 Elementor Pro:

    • 计划构建更复杂的内容和登录页面设计。开始使用基本页面之外的内容时,额外的小部件确实很有用。
    • 正在使用 WooCommerce。WooCommerce 小部件为你供了极大的灵活性。
    • 将 CSS 直接添加到小部件和部分可以真正加快你的工作流程。
    • 想要使用 Elementor 界面构建整个主题。使用 Elementor 的主题构建器,也要选择高质量的主题
    • 就像可以访问所有模板一样。你可以将入门模板与 Elementor 的免费版本一起使用,它仍然很有用。
    • 计划在多个页面上重复使用同一个小部件。全局小部件将是你最好的搭档!

    Elementor Pro主要功能

    图片[9]-361Sale WordPress Care

    我们之前确实提到过 Elementor 免费版和专业版之间的主要区别。现在我们将介绍 Elementor Pro 的一些其它主要功能。

    1、完整的主题构建功能

    • 帖子生成器
    图片[10]-361Sale WordPress Care

    Elementor 的主题构建器可让你从头开始设计单个帖子模板。可以使用 Elementor Pro 设计精美的博客文章。

    想要对不同的博客文章使用不同的布局吗?

    图片[11]-361Sale WordPress Care

    例如,对博客文章、评论文章、产品文章等使用不同的模板。创建的自定义单个文章模板可让你实现这一点。

    使用 Elementor Pro,可以使用动态小部件构建博客文章模板。这样,当你创建博客文章时,所有动态小部件都会填充实际的网站内容。

    • 页眉页脚生成器
    图片[12]-361Sale WordPress Care

    Elementor Pro 提供完全的灵活性和控制力,可直观地设计你的网站页眉和页脚区域。这包括粘性页眉和超过 25 个全新的页眉页脚块,这些块与几乎任何 WordPress 主题完全兼容。

    要编辑页眉和页脚,只需从 WordPress 仪表板转到模板 > ThemeBuilder。为页眉或页脚添加新模板。

    可以从预建的页眉(或页脚)模板中进行选择,也可以从头开始构建。创建完页眉(或页脚)后,可以选择显示位置,默认情况下是整个网站。

    使用 Elementor 创建自定义标题就是这么简单。

    当我们这样做时,还可以查看 Astra Header Footer Builder

    图片[13]-361Sale WordPress Care

    Astra 拖放式页眉页脚生成器让你完全自由地自定义你的网站导航,无需编码。

    可以高效直观地构建任​​何类型的页眉和页脚。页眉构建器允许添加徽标、主菜单、次级菜单、按钮、HTML 代码、社交图标等,而页脚构建器允许你在页脚中添加页脚菜单、社交图标和其它小部件。

    要使用页眉页脚生成器,请转到 Astra 欢迎页面(假设已安装并更新了 Astra 主题)下的外观 > Astra 选项

    会注意到一个按钮,上面写着“使用新的页眉/页脚生成器”。只需单击该按钮即可开始设计页眉和页脚。

    2、弹出窗口生成器

    图片[14]-361Sale WordPress Care

    Popup Builder 是 Elementor Pro 的一项功能。使用此功能,可以创建任何类型的弹出窗口。从潜在客户捕获表单、公告、订阅表单、广告横幅、退出意图等等。

    Elementor 提供预建的弹出窗口模板,可以在项目中使用。可以选择使用某些预定义的参数和触发器在特定页面上显示弹出窗口。

    图片[15]-361Sale WordPress Care

    例如,可以在页面完全加载后显示弹出窗口。还可以根据客户操作(例如单击按钮)显示弹出窗口。

    使用 Elementor Pro,还可以选择将弹出窗口显示为全屏、滑入或在页面顶部或底部显示。

    3、WooCommerce 商店构建器

    Elementor WooCommerce Builder 允许你自定义在线商店的每个部分。可以直观地创建单个产品页面、存档产品页面和其它商店页面,而不管 WordPress 主题是什么。

    图片[16]-361Sale WordPress Care

    拖放 WooCommerce 小部件以按照你想要的方式自定义商店。

    可以在产品页面上使用的一些小部件包括:

    • 添加到购物车按钮
    • 产品价格
    • 产品名称和描述
    • 追加销售
    • 产品评级
    • 面包屑
    • 产品库存

    还有很多。

    还可以利用一些预建的模板来创建自定义商店元素。

    4、集成

    使用 Elementor Pro,可以将你最喜欢的营销和 CRM 工具无缝集成到你的网站。从电子邮件营销工具到第三方 WordPress 插件和社交网络,Elementor 为你提供一整套集成。

    以下是一些可能与 Elementor Pro 集成的功能的部分列表。

    营销工具
    • 韦伯
    • 穆森德
    • 主动营销活动
    • 转换工具
    • HubSpot
    • MailChimp
    • 发送蓝色
    • 扎皮尔
    WordPress 插件
    • 学习冲刺
    • 会员新闻
    • 排名数学
    • 工具集
    • 导师学习管理系统
    • WooCommerce
    • 酸奶
    社交网络
    • 谷歌地图
    • Facebook 开发工具包
    • 松弛
    • SoundCloud
    • 聚光灯
    • Vimeo
    • YouTube

    5、高级支持

    Elementor 为所有用户提供支持。他们拥有专门的支持团队、文章、知识库和视频教程。所有这些都可以帮助你解决与页面构建器相关的问题。

    需要额外的帮助吗?Elementor Pro 用户可享受全天候优质支持,你的疑问将在一天内得到解决。

    还有 VIP 支持,可以与支持团队实时聊天并在 30 分钟内收到你的回复。

    虽然基本、高级和专家计划提供高级支持,但只有工作室和代理计划提供 VIP 支持。

    6、Elementor Pro 的其它重要功能

    实时自定义 CSS
    图片[17]-361Sale WordPress Care

    Elementor 免费版允许你添加自定义 CSS 类和 ID,而 Elementor Pro 允许直接将 CSS 样式添加到单个小部件或部分。如果你喜欢使用自己的自定义 CSS,这将显著提高工作效率。

    自定义字体和 Adobe TypeKit

    如果上述所有功能都不能让你满意,那么这里还有另一个理由考虑升级到 Elementor Pro。

    使用 Elementor Pro,可以在项目中添加自己的自定义字体和 Typekit 字体。此外,还可以连接到 Adobe Fonts 并从数百种 Google 字体中进行选择。

    想要使用图标并上传自己的 SVG 文件?专业版可以实现这一切。还可以直接从 Font Awesome Pro 许可证访问超过 5,300 个精彩图标。

    运动效果和鼠标效果
    图片[18]-361Sale WordPress Care

    Elementor Pro 的运动效果是一套强大的工具集,可帮助创建奇妙的运动效果和鼠标动画。可以使用 Elementor Pro 创建的一些效果包括:

    • 3D 倾斜
    • 模糊
    • 水平滚动
    • 鼠标轨迹
    • 视差效果
    • 旋转
    • 规模
    • 透明度

    Web 设计师无需合并自定义代码和外部库即可使用这些效果来整合动画和运动效果。继续使用这些强大的动画让你的网站焕发生机!

    全局小部件

    如果计划在多个页面上重复使用同一个小部件,全局小部件将为你节省大量时间。类似于将小部件保存为模板,它们可以让你快速重复使用相同的设计……但略有不同。

    如果将来想要更新全局小部件,所做的任何更改都将自动推送到该全局小部件的每个实例。

    听起来很熟悉?是的,Gutenberg 块模式可以让你做一些非常相似的事情。

    嵌入任意位置

    通过 Embed Anywhere,可以使用短代码或小部件将 Elementor 模板插入到网站的任何位置。例如,可以使用此功能设计一个通过小部件进入网站侧边栏的 CTA。

    结合主题构建,这为你提供了将 Elementor 界面应用到整个网站的另一种方法。

    Elementor 与 Elementor Pro选择:这不应该是一个难题

    图片[19]-361Sale WordPress Care

    因为 Elementor Pro 是 Elementor 的一个附加组件,所以现在不必为选择哪一个而困难。只需从 Elementor 的免费版本开始,看看它是否能满足你的需求。如果觉得受到限制,上传 Elementor Pro 插件即可升级到 Elementor Pro – 无需配置过程,也不会丢失前面做的任何工作。

    无论选择哪个版本的 Elementor,Astra 主题都被打造为 Elementor 和 Elementor Pro 的最佳朋友。

    选择 Astra,将获得:

    • 以性能为导向的基础,让你的 Elementor 设计加载速度极快。
    • 灵活的页面控制,让你禁用某些页面/帖子元素,这样它们就不会妨碍你的设计。
    • 通过 WordPress Customizer 轻松进行全局样式控制,从而更轻松地控制 Elementor 设计的外观。

    总结:

    本文深入探讨了Elementor与Elementor Pro的主要区别,帮助用户了解是否升级到Pro版本。Elementor Pro通过增加高级小部件、模板库、表单生成器、弹出窗口生成器和WooCommerce商店构建器,显著增强了网站的定制能力和功能。