WordPress插件 ACF 6.0 发布 – 全新的 UI、块改进、重复分页等

高级自定义字段 6.0 版现已推出!🚀🎉

此版本包括 ACF 6.0 和 ACF PRO 6.0 的新插件 UI 刷新、包含大量数据的转发器字段的分页以及新一代 ACF 块。

 

这是所有相关人员的巨大努力。感谢所有测试了我们在过去几个月中发布的 beta 和 RC 版本的人。

ACF PRO 6.0 可供所有终身许可证持有者和有效订阅客户使用。

👨‍💻 请在下面找到发行说明。有关最新的 ACF 新闻,请在 Twitter @wp_acf 上关注我们

让我们开始吧。

全新的用户界面

ACF UI 已经有一段时间没有粉刷过,这是有充分理由的。它自推出以来一直运行良好,并且一直感觉是 WordPress 自己的 UI 原生的。然而,从不改变或改进它不是我们想要走的路。一段时间以来,我们一直在计划刷新 UI,以尝试使插件与最近刷新的其他Delicious Brains插件保持一致,例如WP Migrate

这也是 ACF 用户的想法。当我们在 2021 年收购该插件时,我们联系了用户,询问他们最想看到的 3 件事。UI 改进请求是一个共同的主题:

“改进 UI,使没有任何专业编程知识的用户也可以创建和使用产品。”

我们不希望这是一个会破坏用户工作流程的巨大变化,而是一个专注于为 Field Group 编辑器带来用户体验改进的轻量级皮肤。

团队在新设计方面做得很好,改进了从字段组编辑器到工具页面的所有 ACF 插件管理屏幕。

这种新设计仅应用于插件的管理区域,尚未应用于内容编辑器使用自定义字段或前端表单的编辑屏幕。

acf-6-fg-page

 

acf-6-tools-page

让我们看一下新的 UI 并逐步了解具体的用户体验改进。

降低字段设置的垂直高度

根据字段类型,字段设置屏幕可能会占用大量垂直空间。这为它周围的其他领域留下了很小的空间,并且很难导航。并非所有这些设置通常都在编辑字段时使用。

acf-5-field-type-settings

在 ACF 6.0 中,我们将字段设置重新组织到选项卡中,这些选项卡可以对设置进行逻辑分组并减少单个字段在屏幕上占据的高度。

acf-6-field-type-settings

添加新字段

当您有一个包含大量字段的字段组时,导航会变得困难,甚至更难滚动到底部以添加新字段。

acf-5-all-fields

在 6.0 UI 刷新中,我们改进了标题栏,使其可以向下滚动页面并有一个添加新字段的按钮:

acf-6-all-fields

改进的保存

新的标题栏还包含一个始终可见的“保存更改”按钮。这允许您保存更改,而无需向上滚动到页面顶部以访问侧栏中的发布元框。

我们删除了该元框,并将用于删除字段组、状态切换和发布日期的按钮移至字段下方“设置”框的“组设置”选项卡:

acf-6-fg-settings

删除侧边栏可以让我们给“字段”框更多的宽度。这有助于具有嵌套子字段接口的字段类型,这些接口可能会变得非常狭窄。我们已尝试进一步改进嵌套子字段 UI,以使其更易于编辑:

acf-6-subfield-ui

重新排序和折叠字段

从来没有特别清楚的是,一旦一个字段打开并显示其设置,您可以通过再次单击字段标签或“编辑”链接再次关闭它。我花了更多的时间,我想承认向下滚动到字段设置的底部以找到“关闭字段”按钮,正如我已经提到的,它可能非常低!

我们改进了字段的打开和关闭,可以单击字段标题栏中的任意位置来切换它的打开或关闭。我们还添加了人字形箭头来指示字段何时打开或关闭。

重新排序得到了改进,在悬停时添加了一个图标,表示可以拖动该字段进行重新排序。

打开、关闭和重新排序 ACF 字段的 GIF

可访问性

ACF 的免费版本安装在超过 200 万个网站上。除了 ACF PRO 插件用户之外,还有大量具有不同可访问性需求的用户。就像在我们的其他插件中一样,我们致力于提高 ACF 的可访问性,这项工作已从 ACF 6.0 开始。

字段的键盘导航

编辑字段组时最大的可访问性问题之一是仅使用键盘访问字段及其设置。在 6.0 之前,没有鼠标是无法编辑字段的。我很高兴地说,与字段组编辑器的新 UI 一起,我们使使用键盘编辑字段成为可能:

ACF 字段的键盘导航

更好的焦点状态

仅使用键盘导航 UI 时,必须能够查看当前在何处使用元素的焦点状态。

我们改进了整个字段组编辑器的焦点样式,并为切换开关、单选按钮和复选框组添加了急需的焦点状态。

重复分页

多年来,我们收到了许多用户的支持请求,他们在转发器字段中存储了大量数据。这可能会导致填写数据的用户出现性能问题。

目前,当用户在 WordPress 仪表板中加载编辑页面时,ACF 会加载所有数据行以及每行的所有子字段。根据行数和子字段的数量,这可能需要一些时间,从而增加整个管理页面加载时间并阻止用户执行保存帖子等操作。

保存帖子后,即使数据没有更改,ACF 也会将每一行的所有子字段发送回服务器进行更新。这可能会导致内存问题、运行到 PHPmax_input_vars设置中以及数据无法正确保存。

在 6.0 版本中,我们为 Repeater 引入了一个新设置,它可以在编辑数据时对记录进行分页。

请注意,分页设置是可选的。默认情况下未启用,并且不会为现有中继器打开。

启用分页

您可以通过编辑转发器字段并打开“分页”设置来启用分页。启用后,还将显示新的“每页行数”设置:

repeater-settings

注意事项

分页转发器有一些独特的用户体验变化,在使用该设置之前应该考虑这些变化。

使用标准中继器,您可以通过拖放界面对行重新排序。这不适用于分页转发器,因为您可能需要将现有行移动到不同的页面。相反,我们添加了通过单击行号对行重新排序的功能。这将显示一个数字输入,可用于指定该行应移动到的位置:

reordering-row

指定新行号并更新页面后,该行将移动到新位置。

在更新页面之前,无法重新排序已插入现有行和重复行之间的行。因此,当前这些行旁边没有显示行号。我们正在考虑在此处添加一个有用的占位符,以更好地说明这些新行已添加,但无法重新排序。

此外,中继器分页不适用于 ACF 块内使用的字段,因为鉴于中继器数据已存储在 DOM 中,因此不会带来性能优势。

目前分页在其他转发器内的转发器中或在灵活的内容字段布局中不可用。

新一代 ACF 块

在 WordPress 的最后几个版本中,Gutenberg 对块编辑器和块注册的各个方面进行了重大更改,这影响了 ACF 块。出于向后兼容性的原因,我们在实施更改以支持这些新功能方面未能如愿迅速采取行动,因此很高兴地宣布 ACF 6.0 包含一个新的块版本控制系统,允许您选择加入新功能版本将更改后端和前端中 ACF 块的标记和结构等内容,并且可能需要更新您的主题才能支持。

ACF 6.0 包括 ACF Blocks 第 2 版。下一代 ACF Blocks 让我们更接近原生块体验,同时仍为您提供作为 WordPress 开发人员所熟知的基于 PHP 的模板语言。

我们的许多修复也将适用于现有的 ACF 块。只要 WordPress 支持以前的块注册方法,它们就会一直受到支持。

在此处了解有关 ACF 6.0 中 ACF 块的所有更改的更多信息。

向后兼容性

ACF 6.0 旨在与 ACF 5.x 完全兼容,绝大多数用户将能够在不更改任何代码的情况下进行升级。

有几个向后兼容的领域可能需要一些额外的工作:

更多美好

翻译者

ACF 6.0 引入了一种从我们出色的贡献者那里收集翻译的新方法,更好地利用免费插件的WordPress 翻译系统

这意味着 ACF 6.0 引入了 10 种新语言(或语言变体)并更新了几乎所有现有语言。

了解如何帮助翻译 ACF 和 ACF PRO

这些只是此版本中捆绑的所有功能、改进和错误修复的亮点。要查看所有更新的完整列表,请查看更改日志

接下来是什么

我们在不久的将来计划了很多好东西,包括在 UI 中注册自定义帖子类型和分类的能力,以及对字段类型选择方式的改进。

感谢 ACF 社区中帮助实现此版本的每个人。🙌

您对 ACF 6.0 中的新 UI 和其他新功能以及改进感到兴奋吗?在下面的评论或 Twitter 上让我们知道。

关于作者

订阅评论
提醒
guest的头像

0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x