近日,Elementor 开发团队正式推出了 Hello Elementor 主题 3.0 版:此版本包括为禁用其他主题功能和进一步优化网站性能所做的改进。
Hello Elementor 主题已经是一个轻量级和极简主义的主题。尽管如此,在网站前端加载的缩小的CSS文件仍在继续缩小。在 2023 年 3 月发布的 2.7 版本中,CSS 的总大小减少了 17%,从 21kb 减少到 18kb。通过细微的设置调整,3.0 版提供了将加载的 CSS 大小进一步减少 40% 的选项,仅为 10kb!
此外,该主题不再依赖于jQuery,并且从此版本开始,在禁用某些主题功能时不会加载JS。
这次的版本更新,究竟有多少内容呢?让我们继续向下看:
文章目录
新的主题设置 – 禁用跨站点页眉和页脚
“主题设置”页面有一个新选项,允许您删除跨站点页眉和页脚部分,这些部分在所有网站上默认处于活动状态。禁用此功能将阻止主题加载与跨站点页眉和页脚功能关联的 HTML 标记和 CSS 文件。
跨站点页眉和页脚
Hello Elementor 主题为可以从轻量级主题中受益的简单网站提供基本的页眉和页脚功能。Hello Elementor 主题允许您添加带有站点徽标、标语和菜单的跨站点标题;以及包含徽标、菜单和版权文本的跨站点页脚区域。
使用页面构建器时,您可以设置独特布局的样式。例如:Elementor Pro 提供了“主题构建器”,可让您做到这一点。但是,许多网站使用 Elementor 的免费版本,并包含主题附带的跨站点页眉和页脚功能。
何时禁用页眉和页脚?
该主题提供了基本功能,主要适用于寻找最小主题并需要基本页眉和页脚的网站。这很简单,但可以完成工作。
当网站不需要页眉和页脚时,或者当网站使用使用例如Elementor Pro的主题生成器创建的独特自定义布局时,您应该禁用内置的跨站点页眉和页脚功能。
性能改进 – 减少未使用的 CSS
通过将 CSS 文件拆分为更小、更集中且更易于管理的文件,该主题使 Web 创建者能够创建性能更高的网站。通过仅加载正在使用的功能的样式,网站加载的资源更少,改进了“未使用的 CSS”指标,运行速度更快,并提高了网站的整体性能。
主题样式表
Hello Theme 是一个轻量级的 WordPress 主题。它只加载两个仅重 18kb 的样式表; style.min.css
(6kb)包括CSS重置规则, theme.min.css
(12kb)包括一般的WordPress样式,以及跨站点的页眉和页脚样式。
从此版本开始, theme.min.css
该文件已拆分。负责页眉和页脚设计的样式已移至新文件。组合样式表的总大小没有改变 (18kb),但现在主题有 3 个 CSS 文件 – style.min.css
(6kb)、 theme.min.css
(5kb) 和 header-footer.min.css
(7kb)。
有条件的资源加载
包括 style.min.css
和 theme.min.css
始终加载在所有页面上。但是,现在是有条件地加载的 header-footer.min.css
。从主题的设置屏幕禁用主题的页眉和页脚时,不会加载 CSS。
以前,当网站不使用主题的页眉和页脚功能时,样式会继续加载 theme.min.css
,因为它们是 .它增加了未使用的 CSS,因为页眉和页脚都没有显示在网站上,并对整体网站性能产生了负面影响。
从版本 3.0.0 开始,当您禁用主题的页眉和页脚时,样式不会加载,因为它们位于单独的 header-footer.min.css
文件中。这种有条件的加载有可能提高整体站点性能。它将加载的 CSS 文件的总大小减少了 40%,从 18kb 减少到仅 10kb。
性能改进 – JavaScript
前端加载的 JavaScript 已被重写。仅当使用跨站点页眉和页脚功能时,才会有条件地加载脚本。此外,重写的 JavaScript 代码不再使用 jQuery,从而消除了对外部库的依赖。
有条件的资源加载
前端中的主题功能将加载到 hello-frontend.min.js
文件中。此文件将加载到所有页面上。此文件中的代码已被重写,从此版本开始,它仅处理跨站点页眉和页脚功能。
当从主题的设置屏幕禁用主题的页眉和页脚时,此JS文件将不再加载。这种有条件的加载有可能通过消除以前在所有页面上加载的额外 JS 来提高网站性能。
删除 jQuery
Hello Theme 3.0.0 不再依赖于 jQuery。所有使用 jQuery 编写的 JavaScript 代码都已用 Vanilla JavaScript 重写。无论是在 WordPress 后台还是在前端。
与以前的版本相比,该主题变得更加轻巧,因为它不再依赖其他 JS 库,并且需要更少的资源来操作。高级开发人员现在可以通过注销 jQuery 来进一步优化他们的网站,从而消除另外 60kb。这在以前的版本中是不可能的。
请注意,如果您的网站不断加载jQuery,它可能是由插件加载的,而不是由Hello主题加载的。在注销jQuery之前,请检查网站的插件及其依赖项。
PHP 版本要求
Hello Theme 继续逐步过渡到更新、更快的 PHP 版本,放弃对旧的不受支持的版本的支持。这是 Elementor 升级 PHP 版本路线图的一部分。
Hello Theme 2.8.0 放弃了对 PHP 5.x 的支持,并将新的最低要求版本设置为 PHP 7.0。Hello Theme 3.0.0 放弃了对 PHP 7.0、7.1 和 7.2 的支持,并将新的最低要求设置为 PHP 7.3。展望 2024 年,主题将包括 PHP 7.4 和 PHP 8.x。
在您的网站上使用最新技术对于其安全性和性能至关重要。Elementor 致力于在其所有产品(包括 Hello Theme)上提供向新技术的平稳过渡,同时为我们的用户提供最佳体验。我们鼓励所有用户更新他们的服务器配置,使他们的网站更快、更安全。
翻译成您的语言
Hello Elementor 是一个全球主题,提供 60 多种语言版本。社区推动了翻译工作,欢迎大家参与将主题翻译成其他语言。
翻译工作包括将现有翻译字符串改进为母语,或通过将主题翻译成以前不可用的新语言来扩展语言支持。
我们正在寻找以下语言的母语人士:斯洛伐克语、希腊语、越南语、克罗地亚语、阿尔巴尼亚语、泰语、马来语、南非荷兰语、保加利亚语、韩语、旁遮普语等。
如果您能贡献并帮助改善这些母语的体验,请前往 translate.wordpress.org,并提交您的翻译。为了帮助您,我们制作了一个简短的指南,解释了如何翻译和本地化 Elementor。它适用于 Elementor 插件,但它也适用于 Hello 主题。
结语
Hello Elementor Theme 拥有数百万的活跃安装量,是 WordPress 主题存储库中最受欢迎的主题。该主题提供了一个轻量级和简约的 WordPress 主题,具有出色的性能。
在过去的一年中,该主题添加了一些选项,以提供更多自定义功能、性能改进等。此版本增加了一个重要的里程碑,使您的网站更加精简和快速。