Elementor 3.16 - 增强的速度、多功能的设计和更高的可访问性

在最新版本中，Elementor 3.16 为 Web 开发人员和网站所有者引入了多项值得注意的增强功能。默认情况下，Flexbox 容器现已在所有新网站上激活，显着提高了性能和设计灵活性。此更新还引入了增强的“元素之间的间隙”控制，为用户在使用 Flexbox 容器时提供了更大的灵活性。

此版本的关键改进之一是 Widget 面板中 Flexbox 和 Grid Container Widget 之间的明显区别。这种差异化为每种类型的容器提供了单独的小部件，从而简化了设计流程并增强了整体用户体验。

此外，由于对首字节时间 (TTFB) 指标的优化，网站访问者将受益于明显更快的加载时间。此更新还非常重视可访问性，确保为依赖屏幕阅读器和其他辅助技术的用户提供更具包容性的体验。

值得注意的是，菜单和选项卡小部件已经进行了重要的基础设施更新，为未来版本中高级功能的实现奠定了基础。这些改进共同使 Elementor 3.16 对于新网站和现有网站而言都是有价值的升级。

释放最大的设计自由度：为新网站启用 Flexbox 容器

Flexbox 容器名副其实，提供了卓越的灵活性。它们赋予设计师设计网站的能力，这些网站不仅具有完美的像素，而且具有高性能和响应能力。凭借其精确的定位选项，Flexbox 容器简化了在容器内排列和分布项目的任务，使创建灵活的布局变得轻而易举。以将标题、图像和文本编辑器小部件放入单个容器中的能力为例。更令人印象深刻的是能够为不同的屏幕尺寸设置不同的弯曲方向，从而允许根据设备无缝地重新排序元素。

此外，Flexbox 容器还支持嵌套小部件，可以将小部件放置在轮播、菜单、选项卡和折叠式小部件的内容区域中。考虑使用 Accordion Widget 构建复杂布局的可能性，其中一个项目中包含联系表单，另一个项目中包含 Google 地图 Widget。

这方面的一个重大进展是，从这个版本开始，Flexbox 容器将自动为所有新网站启用。此更改不会影响使用部分和柱子构建的现有站点，这些站点可以继续使用。但是，强烈建议采用容器以充分利用新的设计功能。如果您开始创建一个新网站并打算坚持使用部分和栏目，您可以选择停用 Flexbox 容器功能，尽管这意味着放弃对具有嵌套功能的功能和小部件的访问。

Flexbox 容器的激活还可以解锁对基于容器的套件和模板的访问，包括已适应容器的流行的基于部分的套件以及全新的设计选项。相反，如果您更喜欢使用基于部分的套件和模板，只需禁用 Flexbox 容器功能即可。

升级间隙控制

在最新的更新中，开发人员通过简化术语来简化用户界面。以前称为“元素之间的间隙”的控件现在简称为“间隙”。这一变化使用户更容易掌握其目的。此外，调整容器内元素之间的间隙的方式也有了显着的增强。

以前，单个范围控件即可完成这项工作，但现在，您会发现两个不同的数字输入 - 一个用于水平间隙，另一个用于垂直间隙。这一变化打开了一个精确的世界，因为您可以以最精确的方式微调每个元素的位置。统一差距的日子已经一去不复返了；现在，您可以灵活地为水平和垂直间隙设置不同的值，从而完美地定制您的设计。

另一个令人兴奋的功能是能够自定义定义这些间隙的单位。无论您喜欢像素、百分比、EM、REM 还是 VW，您都可以根据您的设计要求设置间隙。这一切都是为了给您提供使您的项目脱颖而出所需的创作自由和控制力。

网格容器小部件

在网页设计和布局管理领域，网格容器作为一种强大的工具出现，提供了在单个网格状外壳内制作复杂的多元素排列的方法。最新的迭代引入了一项增强功能，赋予网格容器在小部件面板中自己的存在。这种新发现的集成为用户提供了直接访问网格容器的便利，而无需采用拖动 Flexbox 容器并随后修改其类型的更复杂的过程。

为了方便用户，工作流程已得到简化。当用户将 Flexbox 容器插入编辑器时，系统会无缝地实例化它，而网格容器的引入会立即体现网格布局。然而，值得注意的是，这种灵活性不仅仅限于最初的选择。用户可以通过布局部分中的容器布局下拉菜单将任一容器类型转换为替代容器类型。这种适应性确保了设计人员可以自由地根据自己的规格精确定制布局。

使用 TTFB 加速更快

流行的 WordPress 页面构建器 Elementor 的最新更新承诺大幅缩短网站加载时间。版本 3.16 于 2023 年 9 月 21 日星期四发布，根据页面的复杂性，使用免费 Elementor Core 的网站的首字节时间 (TTFB) 提高了 5-20%，使用 Elementor Pro 的网站提高了 40% 。此更新将以比以往更快的速度交付内容，为网站访问者提供更快、更流畅的体验。

通过修改 Elementor 编辑器中的显示条件，显着提高了前端性能。 Elementor 在编辑器界面中呈现内容方式的这些变化导致了增强的 TTFB，这是衡量网站向用户发送第一个数据字节的速度的关键指标。通过简化其编辑器，Elementor 允许网站更快地交付内容，同时仍然提供使该构建器如此受欢迎的所有丰富的设计功能。

改进的辅助功能

流行的 WordPress 页面构建器 Elementor 的最新版本包含对网站可访问性和包容性的多项显着改进。根据 2023 年 9 月 21 日星期四的公告，3.16 版本使使用屏幕阅读器和其他辅助技术的访问者可以更轻松地访问网站内容。

例如，对包含多个元素和链接的图标框和图像框等小部件进行了增强。现在，当屏幕阅读器扫描这些小部件时，它只会读取每个唯一链接一次，而不是冗余地重复相同的链接。此更新可防止屏幕阅读器用户因重复信息而浪费时间。

帖子小部件也获得了可访问性的升级。屏幕阅读器现在将仅关注此小部件中的帖子标题，忽略任何不必要的附加内容，例如“阅读更多”CTA 和特色图像替代文本。以这种方式简化阅读体验，可以提高使用辅助技术浏览帖子的视力障碍访问者的网站可访问性。

总体而言，Elementor 的这些深思熟虑的改进使创作者能够构建对所有用户（无论其能力如何）更具包容性和乐趣的网站。这些增强功能有助于确保将网站内容高效且有效地交付给依赖屏幕阅读器和其他辅助技术的访问者。

更新的菜单和选项卡小部件

Elementor 的最新版本包括对支持菜单和选项卡小部件的基础设施的底层改进。根据 2023 年 9 月 21 日星期四的公告，版本 3.16 更新了这些小部件，以便为所有屏幕尺寸的菜单项和选项卡标题生成统一的代码。

此升级消除了在以前的版本中将响应设置应用于这些小部件时可能出现的重复代码。整合后端代码库还为将来为这些小部件实现高级功能铺平了道路。

除了编码增强之外，菜单和选项卡小部件现在总体上更易于访问。然而，如果过去将自定义 CSS 应用于标题，则标题代码的统一可能会破坏现有的小部件设计。

对这些常用小部件的改进体现了 Elementor 致力于保持其核心小部件最新的承诺。虽然这些更改可能需要开发人员重新检查自定义 CSS，但它们为更好的响应行为和可访问性奠定了基础。对于大多数用户来说，更新应该是无缝的，并且可以在不同的屏幕尺寸上获得更好的体验。

包起来

总体而言，这个最新版本代表了在创建更快、响应更灵敏且易于访问的网站方面取得的重大进步。随着 Elementor 不断完善其核心功能，开发人员应考虑升级以释放容器的潜力、提高性能并提高可访问性。探索流行页面构建器中的这些尖端附加功能可以帮助网站保持设计的领先地位，同时为所有访问者提供出色的体验。