热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

WordPress插件ACF6.0发布–全新的UI、块改进、重复分页等

高级自定义字段6.0版现已推出!此版本包括ACF6.0和ACFPRO6.0的新插件UI刷新、包含大量数据的转发器字段的分页以及新一代ACF块。这是所有相关人员的巨大努力。感谢所有测试了我们在过去几个月中发布的beta和RC版本的人。

高级自定义字段 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 改进请求是一个共同的主题:

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

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

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

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

降低字段设置的垂直高度

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

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

添加新字段

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

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

改进的保存

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

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

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

重新排序和折叠字段

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

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

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

可访问性

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

字段的键盘导航

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

更好的焦点状态

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

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

重复分页

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

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

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

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

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

启用分页

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

注意事项

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

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

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

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

此外,中继器分页不适用于 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 块并依赖模板中的唯一块 ID,或者您使用parse_blocks()并需要块 ID

更多美好

翻译者

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

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

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

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

接下来是什么

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

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

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

关于作者

Iain 是高级自定义字段的产品经理。他在构建和发展 WordPress 插件方面有着悠久的历史。Moonlights 作为 PhpStorm 的布道者。


推荐阅读
  • PHP输出缓冲控制Output Control系列函数详解【PHP】
    后端开发|php教程PHP,输出缓冲,Output,Control后端开发-php教程概述全景网页源码,vscode如何打开c,ubuntu强制解锁,sts启动tomcat慢,sq ... [详细]
  • 本文介绍了绕过WAF的XSS检测机制的方法,包括确定payload结构、测试和混淆。同时提出了一种构建XSS payload的方法,该payload与安全机制使用的正则表达式不匹配。通过清理用户输入、转义输出、使用文档对象模型(DOM)接收器和源、实施适当的跨域资源共享(CORS)策略和其他安全策略,可以有效阻止XSS漏洞。但是,WAF或自定义过滤器仍然被广泛使用来增加安全性。本文的方法可以绕过这种安全机制,构建与正则表达式不匹配的XSS payload。 ... [详细]
  • 【shell】网络处理:判断IP是否在网段、两个ip是否同网段、IP地址范围、网段包含关系
    本文介绍了使用shell脚本判断IP是否在同一网段、判断IP地址是否在某个范围内、计算IP地址范围、判断网段之间的包含关系的方法和原理。通过对IP和掩码进行与计算,可以判断两个IP是否在同一网段。同时,还提供了一段用于验证IP地址的正则表达式和判断特殊IP地址的方法。 ... [详细]
  • 如何提高PHP编程技能及推荐高级教程
    本文介绍了如何提高PHP编程技能的方法,推荐了一些高级教程。学习任何一种编程语言都需要长期的坚持和不懈的努力,本文提醒读者要有足够的耐心和时间投入。通过实践操作学习,可以更好地理解和掌握PHP语言的特异性,特别是单引号和双引号的用法。同时,本文也指出了只走马观花看整体而不深入学习的学习方式无法真正掌握这门语言,建议读者要从整体来考虑局部,培养大局观。最后,本文提醒读者完成一个像模像样的网站需要付出更多的努力和实践。 ... [详细]
  • ①页面初始化----------收到客户端的请求,产生相应页面的Page对象,通过Page_Init事件进行page对象及其控件的初始化.②加载视图状态-------ViewSta ... [详细]
  • 微信商户扫码支付 java开发 [从零开发]
    这个教程可以用作了解扫码支付的整体运行过程,已经实现了前端扫码,记录订单,回调等一套完整的微信扫码支付。相关链接:微信支 ... [详细]
  • OAuth2.0指南
    引言OAuth2.0是一种应用之间彼此访问数据的开源授权协议。比如,一个游戏应用可以访问Facebook的用户数据,或者一个基于地理的应用可以访问Foursquare的用户数据等。 ... [详细]
  • SoIhavealoopthatrunsperfectforeventsandonlyshowsfutureposts.TheissueisthatIwould ... [详细]
  • php实现文件下载代码一例,
    php教程|php手册php,实现,文件下载,代码,一例,php,实现,文件下载,代码,一例,我们,需要,用到,header,函数,来,发送,php教程-php手册php实现文件下 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 本文介绍了在rhel5.5操作系统下搭建网关+LAMP+postfix+dhcp的步骤和配置方法。通过配置dhcp自动分配ip、实现外网访问公司网站、内网收发邮件、内网上网以及SNAT转换等功能。详细介绍了安装dhcp和配置相关文件的步骤,并提供了相关的命令和配置示例。 ... [详细]
  • 搭建Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境的详细步骤
    本文详细介绍了搭建Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境的步骤,包括环境说明、相关软件下载的地址以及所需的插件下载地址。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 关于我们EMQ是一家全球领先的开源物联网基础设施软件供应商,服务新产业周期的IoT&5G、边缘计算与云计算市场,交付全球领先的开源物联网消息服务器和流处理数据 ... [详细]
  • 使用chrome编辑器实现网页截图功能的方法
    本文介绍了在chrome浏览器中使用编辑器实现网页截图功能的方法。通过在地址栏中输入特定命令,打开控制台并调用命令面板,用户可以方便地进行网页截图操作。 ... [详细]
author-avatar
手机用户2602931635
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有