Elementor 用户需要了解和使用的 5 个新功能
已发表: 2021-09-06Elementor 软件公司被誉为 2019 年最有前途的以色列初创公司之一,以其网站建设者而闻名,让 WordPress 用户可以轻松创建专业网站。 WordPress 网站建设者已经积累了超过 500 万的活跃安装。 它的插件具有 4.7 星的高评分,是 WordPress.org 上评分最高的插件之一。
在过去的几年里,Elementor 经历了一些变化,以改进其功能和增强用户体验。 Elementor 在 2021 年添加的新功能特别值得注意,因为它们响应了用户一直在呼吁的内容,以及哪些内容可以显着改善网络创建者建立在线形象的方式。
以下是 Elementor 用户应该熟悉并使用的五个新功能,以充分利用他们的在线状态。 这些功能是在今年才发布的 Elementor 的最后两个版本中添加的。
完整的网站套件
在 Elementor 的 3.3 版本中引入了完整的网站工具包功能,可以将整个网站打包成一个工具包,以便在创建新的但相似的网站时可以多次重复使用。
例如,在不同地点开设新分支机构或新产品线的公司可能会在其新分支机构或产品的网站中使用相同的样式、字体、调色板、布局和其他页面属性。 完整的网站工具包可以轻松地反复重用这些属性。

许多 WordPress 网站创建者对每次想要创建新网站时都需要从头开始感到沮丧,即使他们打算使用相同的设计、布局、字体、页眉、页脚、弹出消息、404 错误消息、主题和登陆页面。 顾名思义,完整的网站工具包包含构建整个网站所需的一切。 它可以作为创建类似网站或微型网站的便捷跳点。
Elementor 的完整网站套件专为专业网站创建者和网站建设新手而设计,包括需要快速为活动创建新网站的营销人员。 即使那些网站不是使用 Elementor 创建的人也可以利用完整的网站工具包。 这是因为 Elementor 还提供了一个套件库(更多内容见下文)。
套件库
如前所述,Elementor Kits Library 补充了 3.3 版中完整网站工具包功能的引入。 它提供了 Web 创建者可以选择的完整站点组件和属性,因此他们不必从头开始以较短的周转时间完成项目。

Kits Library 通过提供指导性的网站构建过程,帮助那些不习惯使用 WordPress 的人创建具有专业外观和稳定的网站。 可以通过转到 WordPress 仪表板下的 Elementor 选项卡来访问此新功能。 它具有超过87 个完整的网站工具包,这些工具包已经具有各自的内容页面、主题构建器部件、弹出窗口和其他组件。
Elementor 表示,这些现成的完整网站工具包是根据最新的设计趋势创建的。 不同的专业设计的完整网站工具包根据不同的主题进行分组,包括商业、旅游食品、活动、服装和非政府组织。 有了这些,任何人都应该快速建立一个新网站并迅速建立可靠的在线形象。
颜色取样器
随着 3.3 版的发布,添加到 Elementor 的另一个方便的新工具是颜色采样器。 这款 Elementor 集成的颜色选择器可以轻松识别和使用现有网站或图像中的颜色,可帮助网络创建者提出保持颜色一致性的设计,尤其是当他们基于以前的项目构建网站时。


Color Sampler 现在是 Elementor 的原生功能,与第三方插件或附加组件相比,它具有响应速度更快的优势。 不太可能在 Elementor 中产生问题,也不太可能导致内存泄漏或资源消耗异常。
自定义断点
作为 Elementor 最受欢迎的功能之一,Elementor 3.4 版的发布引入了额外的自定义断点。 建站平台现在提供更多自定义断点,覆盖总共七台设备。 这些设备如下:台式机、平板电脑、平板电脑额外、移动设备、移动额外设备、笔记本电脑、宽屏。

正如 Elementor 首席技术官兼联合创始人 Ariel Klikstein 在 2020 年 12 月的一篇博客文章中所分享的那样,绝大多数用户一直在要求额外的自定义断点。 “事实上,大约 80% 的功能都是基于此类请求开发的。 其他自定义断点在列表的顶部已经有一段时间了,”Klikstein 写道。
Elementor 最初创建时仅支持两个断点。 这些适用于手机和平板电脑。 开发人员意识到增加自定义断点的呼声,但他们遇到了挑战,特别是在添加新断点而不破坏代码和危害性能方面。
3.4 版的发布标志着上述挑战的明显解决。 今年,Elementor 准备为用户提供——用 Elementor 的话来说——“像素完美的视口和完全响应式的网站设计和用户界面。” 网站构建器现在使网络创建者可以轻松构建针对不同设备显示器的不同屏幕尺寸和分辨率进行优化的网站。
Elementor 表示,添加这些新断点可以让网页设计师打破设计界限,特别是考虑到不同设备的不同屏幕分辨率和纵横比。 新断点允许创建者选择哪些断点保持活动状态,选择每个断点的值,并放大或缩小预览以匹配网站用户喜欢使用的内容。
Elementor 采用级联方法,其断点为桌面作为默认屏幕设置。 它还支持为每个断点设置不同的标题。 此外,Elementor 的开发人员确保创建者不会难以识别其他断点上设置的样式。 他们在用户界面中添加了一个新功能,以显示边距、背景、填充和图像等属性的继承值。
Elementor 通过重建响应式控件加载机制优化了新自定义断点的添加。 据 Elementor 称,这一变化使服务器响应提高了 23%,内存使用量减少了约 5%。 此外,优化还减少了大约 30% 的编辑器数据流量。
计划使用 Elementor 构建网站的 Web 创建者应充分利用这些额外的自定义断点,为任何设备实现最佳观看体验。
字体真棒SVG图标
Font Awesome 是世界上最受欢迎的图标集之一。 但是,一些网站创建者出于对性能问题的担忧以及可能不支持图标的可能性而避免使用它。 如果浏览器确实缺乏对图标集的支持,则没有好的回退。

Elementor 3.4 版的发布附带了 Font Awesome 加载的升级。 以前,每当加载 Font Awesome 图标时,网站都会使用整个库。 这是低效的,并且允许网站不必要地占用资源。 随着向 SVG 方法的转变,请求减少了,每减少 KB 都会提高性能。
Elementor 的最新版本将加载机制从图标更改为 SVG 。 这导致全面减少请求和改善加载时间。
最终,Elementor 3.4 版的升级不仅使网站访问者受益,而且使网站创建者受益。 Font Awesome 图标的快速加载对于容易对响应问题感到沮丧的开发人员是有利的。 同样,网站访问者欢迎更快的图标渲染和页面加载时间。
需要说明的是,Font Awesome 图标并不是 Elementor Core 3.4 中首次推出的新特性或功能。 这里要指出的是,网络创建者应该停止担心使用 Font Awesome 可能出现的问题。 Elementor 已升级以确保此图标集与平台兼容并正确屏蔽。
更多新功能和增强功能即将推出
引入完整的网站工具包、工具包库、颜色采样器、额外的自定义断点以及处理 Font Awesome SVG 图标的新机制为 Elementor 用户带来了许多好处或便利。 这些面向网络创建者的显着新特性和功能进一步巩固了 Elementor 作为最佳网站构建选项之一的地位。
更好的是,Elementor 将在未来提供更多升级。 具体来说,它计划通过采用“只加载你想要的”概念来简化页面加载,减少对 JavaScript 和 CSS 的依赖,并优化内部 JavaScript 和 CSS。
“Elementor 致力于提供最好的平台来满足我们用户的需求。 作为这些努力的一部分,性能改进仍然是每个版本的核心焦点,我们很高兴与我们的社区分享更多这些,”Elementor 产品营销副总裁 Eran Alon 说。 有关 Elementor 的更多信息,请务必查看 Elementor 评论。
| 作者简介: Gal Shachar 是位于特拉维夫的设计师,专门从事数字用户体验、广告媒体和品牌推广。 自 2017 年在鲁平学院学习后,他一直活跃于该行业。 从那时起,Gal 与许多知名品牌和企业就网页设计、徽标创建、用户体验和品牌推广活动进行了合作。 |
