Elementor 3.6 回顾：新功能和改进

你试过 Elementor 3.6 了吗？

或者你在等待一个 好的Elementor 3.6 评论让你下定决心？

好吧，如果你是，你的等待就结束了！

因为在本文中，您将详细了解 Elementor 3.6 的所有新功能添加和改进。

Elementor 3.6 旨在帮助您建立提升品牌形象的网站。 因此，它主要关注有助于创建像素完美的设备响应设计的功能，这些设计加载速度更快，以便您的用户获得最佳购物体验。

除了新功能外，您还将获得新的 WooCommerce 小部件，以改善您在 Elementor 网站上的购物体验。

但是，它是一个实验版本，因此您不必立即切换到 Elementor 3.6。 您可以尝试新功能，然后根据需要逐步切换。

但是为此，您需要知道Elementor 3.6 的功能和改进是什么，对吗？

所以，让我们切入正题，继续对 Elementor 3.6 的评论……

Elementor 3.6 的新功能和改进

我试图包含最新 Elementor 必须提供的所有主要功能和改进。 阅读博客以了解有关这些功能的更多详细信息。

Flexbox 容器介绍

Elementor 3.6 引入了一种新的布局结构，如 CSS flexbox 容器。 有了 flexbox 容器，就不再需要内部部分了！

您可以将小部件直接添加到容器中，也可以在容器中添加容器以创建行和列。 您可以自定义容器的方向以变成行或列。

这种容器布局将确保像素完美的响应式设计。 此外，flexbox 容器使用更优化的 DOM 输出，这将显着提高网站的性能。

如果您担心如何将当前的节列结构化 Elementor 站点转换为新的 flexbox 容器结构，请不要担心。

因为 Elementor 3.6 在页面/帖子设置下带有一个易于使用的转换器选项。 您只需单击转换按钮/选项并拥有页面的 flexbox 容器版本，而无需进行任何额外的拖放操作。

新的导入/导出功能

Elementor 3.6 在导出和导入方面为您提供了新功能，这将使网页设计比以往更快。

想知道怎么做？
好吧，新版本的 Elementor 带有Import-Export Template Kit功能，它使您不仅可以将内容、站点设置和模板导入，还可以将整个网站工具包导入另一个网站。

因此，您现在只需单击几下即可将网站与 Elementor 和 Elementor Pro 一起使用的所有插件（例如 WooCommerce）导出/导入到另一个站点。 您还可以选择要导入的插件和设置。

这个新功能的另一个好处是您可以导入网站的所有动态链接和引用。 您还可以查看您在屏幕上选择的所有插件、设置等的摘要版本。

带有预加载器的页面转换

是的！ 现在，您不需要任何额外的插件即可将预加载器添加到您的 Elementor 站点。 Elementor 3.6 提供了使用预加载器创建您自己的个性化页面过渡的选项，该预加载器反映和推广您的品牌，同时为您的用户提供更好的体验。

您可以在站点设置下找到页面转换设置。 您可以自定义背景颜色、文字颜色和入口动画。 您还可以选择图像、文本、动画等预加载器类型以及预加载器延迟时间和时间设置。

重新排列全局颜色和字体

有些人可能认为这个添加不是非常重要的。 但是，如果您是一个完美主义者，并且喜欢有条理的工作方式，则此功能可以使您的网页设计过程更加轻松。

现在，您可以重新组织全局字体和颜色。 您可以重新组织全局系统颜色和自定义颜色的顺序。 但是，您只能删除自定义颜色。 同样，您可以重新组织全局字体并删除自定义字体，而不是系统字体。

小部件添加和改进

如果您正在等待新的 WooCommerce 小部件来提升客户的购物体验，那么您会很高兴知道添加了两个新小部件以及添加到购物车小部件的新改进布局。

购买摘要小部件：

使用此 WooCommerce 小部件，您可以创建和自定义订单确认页面。 在这里您可以自定义确认信息、付款详情、银行详情、下载、购买摘要、账单详情等。

WooCommerce 通知小部件：

使用此小部件，您可以在 WooCommerce 页面的标题上显示自定义通知。 此小部件将覆盖任何默认的 WooCommerce 通知。 您可以从站点设置中添加和自定义不同的 WooCommerce 通知。

新添加到购物车小部件布局：

现在，您将为 Elementor 添加到购物车小部件获得新的布局选项。 三种布局是自动、内联或堆叠。 这样，您将拥有更多控制权来增强“添加到购物车”部分的外观。

性能改进

与每个新版本一样，这个新的 Elementor 版本也改进了许多功能，以提高您网站的整体性能。 这一次，添加了一个延迟加载是重头戏。

使用延迟加载功能，与早期版本不同，现在您的整个网站内容不会同时加载。 相反，它只会加载用户立即可见的部分。 其余内容将在用户向下滚动时加载。

这种延迟加载将适用于您网站所有部分的轮播小部件和背景幻灯片功能。 结果，您将看到性能改进的巨大飞跃。

事实上，你会惊讶地发现，在新版本中， CSS 从 137kb 减少到了 11kb。 是的，差别是 126kb！

此外， 'elementor-section-wrap' 已被删除以最小化 DOM 输出，因为优化的 DOM 输出将为您提供更好的网站加载速度。

ElementsKit 是否与 Elementor 3.6 兼容？

是的。 ElementsKit 与 Elementor 3.6 完全兼容

因此，那些喜欢使用 ElementsKit 来构建和自定义 Elementor 网站的人无需担心。

我们的开发人员和质量保证团队已经使用我们最新的 ElementsKit 版本测试了 Elementor 3.6，我们可以向您保证没有冲突。

但是，如果您在开始使用 Elementor 3.6 后对您网站的 ElementsKit 有任何问题，您可以 联系我们的支持团队。

如果您对使用 Elementor 3.6 感到兴奋并正在寻找一个附加组件来添加更多功能而不必面对任何错误或错误，那么您一定可以尝试 ElementsKit – Elementor 的终极插件。

它有85 多个小部件和模块，目前使超过 50 万用户的 Web 开发工作更加富有成效。 它将是您的 Elementor 网页设计工具箱的完美补充。

最后的话

嗯，就是这样！ Elementor 3.6 看起来令人印象深刻，不是吗？

虽然一开始切换到 flexbox 容器似乎有点令人生畏，但 Elementor 提供的转换过程非常好。

老实说，添加延迟加载是我最喜欢的，因为它会极大地提高网站的加载速度，这在用户体验和保持低跳出率方面是不可协商的。

我建议您先在临时站点上尝试所有内容。 如果您对结果感到满意，请将其移至您的真实域。

我希望你觉得这个博客有用。 请在评论框中分享您个人最喜欢的新功能。