核心编辑器改进:升级您的设计

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

重要的设计工具在最近几年已经发布古腾堡古腾堡 古腾堡项目是WordPress的新编辑器界面。编辑器改进了创建新内容的过程和体验,使编写丰富内容变得更加简单。它使用“块”来增加丰富性,而不是短代码、自定义HTML等。https://wordpress.org/gutenberg网站/发布,以及利用现有创造性灵活性的其他方法 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。主题。在WordPress的下一个主要版本发布之前,我们将仔细看看这些工具将释放什么。

提供个性化的字体和颜色变化

与区块主题捆绑在一起的样式变化允许您无缝地快速转换站点的外观和感觉,同时使用相同的主题。不过,有时你可能想提供更多的设计选项,而不提供全新的造型变化。6.6旨在添加仅针对颜色或排版变化的功能,并将其作为预设,与整体风格变化分开。这些新的颜色和排版预设提供了更多包含的更改,使您可以轻松地随主题提供更广泛的颜色选项或开箱即用的排版选项。要使用这个新选项,主题作者需要创建颜色或排版变体,这些变体与您已经提供的整体变体完美配合。例如,您可能想为人们提供更多的排版选项,以便在每个变体中使用。值得注意的是,对于任何仅包含颜色和排版更改的样式变体,这些将自动出现在这个单独的预设流中。

为了更清楚地了解这一大致区域,请深入主题样式变体概述问题中的颜色和排版预设并查看最新消息。 

创建具有负边距的重叠设计

以前,只能创建具有负边距的重叠设计。从Gutenberg 18.3开始,您可以在站点编辑器中为所有支持边距控制的块添加负边距。负值需要手动输入以平衡一些用户体验用户体验 用户体验注意事项并添加一些护栏,这意味着无法通过拖动选择它们。 

想在下一个WordPress版本中分享你用这个新选项创建的内容吗?在中共享图案目录! 现在,享受探索吧。

拥抱网格

网格是古腾堡17.8中稳定的组块的新布局变体,允许您使用CSS公司CSS公司 级联样式表。网格。注意,由于支持在block.json中键入。网格布局有两个选项:

  • “自动”使用每个项目的最小宽度自动生成网格行和列。 
  • “手动”允许您指定准确的列数。

这只是开始。我们正在努力让您在网格上拖放和调整块大小,从而提供更直观的体验。改进人们一般创建布局的方法也在进行中。如果您想了解此功能的发展过程,请查看以下内容跟踪问题,观看最近的演示,并加入#特征网格 松弛(Slack)松弛(Slack) Slack是一个协作群聊平台https://slack.com/WordPress社区在https://make.wordpress.org/chat/.频道。 

变更日志

6月6日:更新了混搭变化根据改变此功能的讨论将其更改为允许主题作者创建排版或仅显示在主样式变化流之外的颜色变化。

多亏了@richtabor公司@罗里特获取有关编辑此文章的帮助。

#核心编辑器,#核心编辑器改进,#古腾堡

核心编辑改进:细节中的力量

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

预计将有大量小收益WordPress 6.5版你可能会在更突出的功能(如字体库)的兴奋中错过这些功能。虽然它们得到的关注较少,但以下改进有助于提高灵活性和效率,使您的日常WordPress体验大为不同。花点时间了解更多关于它们的信息,并探索6.5中细节的力量如何改变您当前的工作流程。

新建列表视图快捷方式

6.5将引入新的“列表视图”快捷方式以提高效率,从而节省您使用此工具执行常见操作的时间:

  • 简化块设置菜单的访问:此更新允许您打开 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。的设置菜单,通过右键单击列表视图项,可以根据需要进行快速更改。
  • 快速块选择快捷方式:在Mac上使用CMD+A或在Windows上使用CTRL+A选择列表视图中的所有块,从而加快批处理操作。
  • 复制、粘贴和剪切块使用在列表视图中选择块时使用的键盘快捷键(CMD+C和CMD+X用于复制和剪切块,CMD+V用于粘贴块)。
列表视图打开到右键单击以显示块设置的组块。


编辑页面或帖子时查看模板

许多代码化工作已经完成统一网站编辑和Post Editor体验用于块主题。由于这些努力,您现在可以在Post/page Editor中编辑页面时查看模板,无论您在哪里工作,都可以享受相同的体验。此功能允许方便地打开/关闭切换模板预览,为您提供了更大的灵活性。与站点编辑器的体验类似,选择模板的任何部分都会触发snackbar通知和直接编辑模板的快速路径。


复制模式以快速更改同步状态或创建您自己的主题模式

主题提供的模式当前已锁定。因此,重用它们作为创建您自己的模式的基础之前需要几个步骤。WordPress 6.5增加了一个新的快速选项来简化这个过程,并让您无需费力地复制主题模式。这也简化了更改同步设置的体验。


查看样式更改摘要,并在保存时快速查看站点

有这么多可用的样式选项,当您点击save时,了解发生了什么变化是很重要的。现在你可以了,感谢一个简短的总结与您在浏览修订时看到的摘要相匹配,为您提供更改网站外观时所需的信息。保存后,您可以在更新的snackbar通知中选择“查看站点”看看你的网站前端,惊叹它看起来有多好(或者列出一些额外的更改)。


重命名块以更好地组织

基于WordPress 6.4中引入的在列表视图中重命名Group块的功能,下一版本将允许重命名几乎每个区块,以实现更好的组织和个性化。此更新使用户可以一目了然地了解内容的结构。另一方面,它有助于主题作者为那些使用主题和模式并与其交互的人提供更直观的体验。

列表视图显示使用不同名称对块进行分组,并打开一个名为“Main Content”的块,可选择重命名。

值得注意的是,不能故意重命名以下块:

  • 堆芯/块
  • 核心/模板部分
  • 芯/图案
  • 核心/导航

享受拖放改进

拖放是使用块构建的一个基本方面,它提供了一种简单易行的方式,可以根据需要添加、组合和重新排列内容。此版本将引入多种增强功能旨在使拖放功能和操作更加直观:

  • 允许拖放到内容的开头或结尾
  • 当鼠标悬停在列表视图中可以拖动的项目上时,添加拖动光标
  • 改进相邻容器块之间的拖放,例如组块和覆盖块
  • 允许将块拖动到模板部件中,以便更轻松地放置元素,如网站标题旁边的网站徽标
  • 当不允许拖放块时显示视觉指示,帮助引导和交流可以拖放和不能拖放的位置
  • 允许拖放以创建行和图库;例如,将一个图像放在另一个图像旁边会自动创建一个库
  • 在列表视图中,将块拖放到折叠块中时,折叠块会展开,从而确保拖放块的可见性
  • 在列表视图中,项目被替换,以帮助提供更直观和切实的拖放块体验
  • 在列表视图中,任何可拖动块都会显示一个拖动光标

综上所述,任何使用下一版本WordPress的人都会发现拖放块更通用、更强大。

使用新的首选项面板自定义您的体验

WordPress 6.5将带来重组偏好模型根据您的喜好个性化编辑器界面,包括用于外观和无障碍无障碍 无障碍性(通常简称为a11y)是指为残疾人设计产品、设备、服务或环境。无障碍设计的概念确保了“直接访问”(即无人协助)和“间接访问”,即与个人的辅助技术(例如计算机屏幕阅读器)兼容。(https://en.wikipedia.org/wiki/Accessibility网站)设置。您还将注意到文本描述的清晰度和一致性有所提高,还有一些新设置。

“首选项”面板打开到“外观”选项卡,其中显示了四个不同的选项可供选择。

使用覆盖块纵横比创建一致的设计

除了minHeight支持外,Cover块现在提供纵横比支持这意味着您可以轻松设置预定义的纵横比,以进一步自定义视觉效果,并帮助以较少的工作量保持设计一致性。为方便起见,您可以为所有Cover块全局控制此功能,或为每个块单独调整它。

在无干扰模式下使用块工具栏进行快速更改

WordPress 6.5使快速定制变得更加容易,同时在无干扰模式下保持专注。只需将鼠标移动到编辑器的顶部将平滑地显示块工具栏以前,在“无干扰”模式下,访问块工具栏不是一个选项,用户需要将其打开或关闭以进行细微调整。

谢谢你@马蒂内兹杜克感谢在这篇文章上的合作,以及所有帮助制作这些视觉资产的设计师!

#核心编辑器,#核心编辑器改进,#古腾堡,#站点编辑器

核心编辑器改进:站点编辑器中的稳健修订

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

修订修订 WordPress修订系统存储每个保存的草稿或发布的更新的记录。修订系统允许您通过拖动滑块(或使用“下一步”/“上一步”按钮)查看每个修订中所做的更改。显示屏显示每个版本中的更改内容。是创造体验中不可或缺的一部分,提供了一个安全网,以及一种了解自己下一步要去哪里的方式。这很重要第三阶段工作的重点领域致力于更广泛的工作领域!尽管前面还有很多工作要做,WordPress 6.5计划在站点编辑器的当前修订功能中包含一些有影响的更改和新功能。 

如果你想亲自尝试下面分享的内容,请前往上的帖子测试WordPress 6.5的早期机会在这里,您可以快速启动自己的测试站点,亲自体验并提供反馈。以下共享的所有内容自起可用古腾堡古腾堡 古腾堡项目是WordPress的新编辑器界面。编辑器改进了创建新内容的过程和体验,使编写丰富内容变得更加简单。它使用“块”来增加丰富性,而不是短代码、自定义HTML等。https://wordpress.org/gutenberg网站/17.4,并计划包含在WordPress 6.5中。

让我们看看之前和之后

为了帮助实现这些变化,下面是一段视频,展示了下面所写的内容。“before”站点使用WordPress 6.4.2,“after”站点使用安装了Gutenberg 17.5.1的WordPress6.4.2。这些测试点是从测试WordPress 6.5的早期机会因此,欢迎任何人探索:

阅读新设计带来的造型变化的简短摘要

除了显示更精细信息的新设计之外与更精细的时间戳一样,现在可以使用每个修订中所做更改的简短摘要。结合起来,这大大简化了理解每个修订中的内容,而不是依赖于发现视觉变化。 

通过分页查看所有样式修订

而不是只显示最近100次修订,由于分页,现在可以使用所有修订。这两种方法都围绕着每个REST响应100个结果的技术限制工作,有助于使在修订之间导航比在侧边栏提要栏 WordPress中的侧边栏是指WordPres主题使用的小部件可读区域,用于显示不属于主内容的信息。它并不总是侧面的垂直柱。它可以是内容区域、页脚、页眉或主题中任何位置下方或上方的水平矩形。

切换样式表以获得不同的角度

在站点编辑器中对站点进行更改时,您可能习惯使用样式表,现在,您可以在查看不同的修订时执行相同的操作以查看在当前模板上可能不可见的更改。就像您正常使用样式表一样,您可以根据需要打开或关闭它。 

一切都依赖全面修订

虽然撤消和重做按钮可以发挥作用,但访问完整的修订历史记录可以更好地了解更改、更改的影响以及可以采取的操作。当提到这一点时在以前的帖子中,模板和模板部件的修订最终将包含在WordPress 6.5的Core中。这意味着现成的用户可以浏览对模板、模板部件和样式的更改,从而提供一个良好的安全网。 

#核心编辑器,#核心编辑器改进,#古腾堡,#站点编辑器

核心编辑改进:确保卓越的写作体验

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

用WordPress写作,无论是最新的帖子还是新的页面,都需要无缝且令人愉快——工具应该始终旨在帮助创造,而不是妨碍创作。块及其所有变体、设计工具和转换应该会让您感到被授权。为了确保这一点,在6.4发行周期中付出了一些额外的努力,通过新的键盘快捷键、更平滑的列表合并、一些键修复等等,使简单的书写变得更好。下面是一段视频,从Quote中捕获的工具栏开始,在一个内聚流中演示这些增强功能 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。以轻松合并两个List块结束:

具有导航、列表和报价块的连贯工具栏体验

导航、列表和报价块有了新的工具栏体验。这些块中的每一个都有内置的子块,它们现在无缝地连接到整个父块,而不是让每个子块的工具栏可见。这既有助于防止工具栏阻止其他内容,如与所选列表项不同的列表项,又提供了一种更有组织的编辑体验,让您始终知道工具选项在哪里。 

橙色背景,带有单词Toolsbars,捕获于列表块视图旁边,显示了一些列表项,整个块工具栏仍附着在父块上。

加强经验

几个缺陷缺陷 错误是错误或意外结果。性能改进、代码优化和被视为增强,而不是缺陷。功能冻结后,只处理错误,回归(与前一版本相反的更改)是最高优先级。修复和改进有助于获得更加无缝和可预测的写作体验。

更新列表视图

列表视图有一些简洁的新选项,可以充分利用这个强大的工具:

接下来是什么?

这项工作从未结束,目前正在努力可以在此跟踪问题中遵循。考虑一下这种鼓励继续直接共享您遇到的任何问题,无论是要修复的bug还是要改进的体验。 

#核心编辑器改进

核心编辑器改进:命令调色板

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

以下深入介绍了命令调色板的最新更新,这是WordPress 6.3中的一个新工具,旨在加快您的工作流程。您可以使用键盘快捷键命令+k在Mac或Ctrl+k键在Windows上激活它并开始使用。WordPress 6.4的工作正在进行中,这里有一些早期的展望,当你在WordPress创建体验中遇到这个新选项时,你可以期待什么,并提醒你它已经具备了什么能力。

使用命令在任何编辑器中更快地执行更多操作

无论您是在站点编辑器中的模板之间切换,还是在后期处理编辑器中切换打开的设置,命令选项板都可以在整个编辑体验中使用,具体的上下文选项取决于您所在的位置。在下面的视频中,您将看到用于调用命令调色板、打开和关闭列表视图、显示和隐藏面包屑、切换无干扰模式以及在新选项卡中预览页面的键盘快捷方式。

将命令调色板视为最终的快捷工具,无论您是尝试启用特定设置还是转换图像,都可以通过较少的单击来实现更多功能 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。盖块。

探索每个选项

如果您使用的是WordPress 6.3,则可以使用以下命令,以便您在网站的不同部分之间快速切换并个性化您的体验,而无需单独查找每个设置:

  • 编辑模板编辑页面时。
  • 返回页面返回到从模板编辑页面。
  • 重置模板
  • 重置模板部件
  • 将样式重置为默认
  • 删除模板
  • 删除模板部件
  • 切换设置侧边栏提要栏 WordPress中的侧边栏是指WordPres主题使用的小部件可读区域,用于显示不属于主内容的信息。它并不总是侧面的垂直柱。它可以是内容区域、页脚、页眉或主题中任何位置下方或上方的水平矩形。
  • 切换块检查器
  • 切换聚光灯模式
  • 切换顶部工具栏
  • 打开代码编辑器
  • 切换列表视图在Post Editor中。
  • 切换全屏模式
  • 打开编辑器首选项
  • 打开键盘快捷键
  • 定制CSS公司CSS公司 级联样式表。
  • 开放式样式修订修订 WordPress修订系统存储每个保存的草稿或发布的更新的记录。修订系统允许您通过拖动滑块(或使用“下一步”/“上一步”按钮)查看每个修订中所做的更改。显示屏显示每个版本中的更改内容。
  • 开放式样式
  • 了解样式触发Styles欢迎指南
  • 查看网站
  • 查看模板
  • 查看模板零件
  • 打开导航菜单
  • 管理所有自定义图案

自WordPress 6.3以来,作为更努力地使用上下文命令在各种编辑器中到位:

  • 打开列表视图((在站点编辑器中)
  • 退出代码编辑器
  • 隐藏面包屑
  • 显示面包屑
  • 启用发布前检查清单
  • 禁用发布前检查清单
  • 在新选项卡中预览

选择块时显示:

  • 取消分组
  • 复制
  • 删除
  • 在前面添加
  • 在后面添加

此外,可以使用命令选项板访问块定义的所有变换。例如,对于图像块,您将看到转换为封面块、图库块、列块、文件块、组块以及媒体和文本块的选项。最后,对于与模板相关的各种重置、删除和编辑命令,已添加模板的名称以确保您对所需的项目执行所需的操作。 

你想看什么命令?请分享古腾堡GitHub仓库或在下面的评论中帮助使此功能更加强大。

享受全新的设计和体验

为了更好地适应越来越多的命令,更容易浏览每个选项允许的内容,添加了新样式其中包括较暗的图标和始终显示的搜索图标。下面是一张图片,左边是之前的设计,右边是当前的设计:

命令调色板UI的两个视觉效果显示了在命令调色台打开时,在一些设计更改之后的前后,搜索字段中显示单词“edi”,以及下面列出的各种结果。

由于最近的修复,这种新设计在所有屏幕尺寸上都很好看。工作也已完成以确保列出的命令最适用于当前上下文。例如,如果块被锁定,分组将不再作为命令列出,从而获得更直观的体验。为了获得额外的生活质量细节,也会显示键盘快捷键当您在站点编辑器的站点视图中将鼠标悬停在搜索图标上时。

添加您自己的命令(带或不带图标)

命令调色板是扩展程序无缝添加与其特定插件相关的命令的极好选项。有关如何执行此操作的说明,查看开发说明引入此功能。值得注意的是,随着最近的变化,拥有图标的要求也被丢弃了正在进行的讨论围绕如何最好地识别第三方命令。 

谢谢你@richtabor公司用于创建本文中使用的视觉效果。

#命令行,#核心编辑器改进

WordPress 6.3性能改进

更新(2023年8月8日):本文中的基准更新了6.3稳定版本的结果。

随着WordPress 6.3的推出,本文总结了此次发布的性能改进。While期间WordPress 6.2将标杆设得很高它显著提高了核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。WordPress 6.3已经超过了这些结果:基于执行的性能基准,WordPress 6.3加载速度提高27% 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。主题,经典主题速度提高18%,与WordPress 6.2相比,基于含量最高的油漆(LCP)公制。对于WordPress 6.2,这些改进分别达到18%和5%,因此可以公平地总结出WordPress6.3在性能方面是一项重大成就。

谢谢你@克拉克米利感谢合作撰写这篇文章!

是什么让6.3更快?

要分解6.3中的性能改进,了解不同的加载时间性能指标及其相互关系至关重要。最全面的衡量标准是含量最高的油漆(LCP)因为它捕获了总体加载时间性能。因此,在介绍这一职位时提到的百分比具体是衡量LCP改进的百分比。

LCP的一个重要部分是第一字节时间(TTFB)度量,它捕获服务器端加载时性能,从而直接影响LCP:实际上,TTFB是促成LCP结果的服务器端部分。对于客户端加载时性能,没有专用的独立度量。然而,由于客户端性能实际上是一切,因此可以得出结论,客户端加载时间性能可以用LCP和TTFB之间的差异来表示,即“LCP-TTFB”。

客户端性能

在WordPress 6.2中,性能提升的主要原因是服务器端性能(TTFB)的改进,如前所述6.2绩效改进岗位在WordPress 6.3中,这是不同的:大多数性能提升源于客户端性能改进(LCP-TTFB)。事实上,WordPress 6.3中块主题的客户端性能提高了40%,经典主题提高了31%与WordPress 6.2相比。作为参考,WordPress 6.2与6.1 LCP-TTFB相比,分别只提高了1.5%和2.5%。

绝大多数客户端性能改进都来自于优化emoji-loader.js脚本,通过利用现代JavaScript脚本JavaScript脚本 JavaScript或JS是一种面向对象的计算机编程语言,常用于在web浏览器中创建交互效果。WordPress广泛使用JS以获得更好的用户体验。当PHP在服务器上执行时,JS在用户的浏览器中执行。https://www.javascript.com/.API,如Web Workers、,屏幕外画布、和session存储。除非您的WordPress站点禁用了相关的表情符号功能,否则您应该会注意到由于这一点而导致的性能改进增强增强 增强功能是对WordPress的简单改进,例如添加挂钩、新功能或对现有功能的改进。。请参阅#58472[56074]有关此更改的其他上下文。

客户端性能改进的另一个显著部分源于对fetchpriority=“高”属性。因此,这一改进仅适用于翻页上方带有图像的内容,但鉴于图像是目前为止网页上最常用的媒体,您很可能会注意到此增强功能也带来了性能改进。有关如何作为开发人员利用和修改新功能的全面概述,请参阅6.3关于图像性能改进的开发说明。有关更改的其他上下文,请参阅#58235[56037].

下面的列表突出显示了一些可以在某些场景中提高客户端性能的附加票证,其中一些票证增强了是否添加加载=“惰性”属性到图像:

最后但同样重要的是:这里应该强调的一个值得注意的开发人员特性是引入了脚本加载策略,它增加了对使用推迟异步一般来说,这是性能的一个重要里程碑,但到目前为止,只有美国石油学会美国石油学会 API或应用程序编程接口是一种软件中介,允许程序相互交互并以有限的、明确定义的方式共享数据。它本身已经引入,这意味着它没有实际的性能影响然而,这就是为什么帖子中没有提前提到这一变化的原因。随着WordPress核心和生态系统开始采用API(例如。延迟块视图脚本异步用于注释重铺),预计在未来,我们也将看到它显著的性能改进。请阅读6.3关于使用异步和延迟注册脚本的开发说明了解如何作为开发人员利用API以及与直接操作脚本的方法相比的优势标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。)。请参阅#12009[56033]有关此更改的其他上下文。

服务器端性能

虽然6.3中的服务器端性能改进总体上没有带来太大的性能提升,但该版本仍然包括一些显著的增强,特别是对于块主题,其中服务器响应时间快19%。许多服务器端性能增强都是优化WordPress核心内部的低级逻辑的结果。虽然这使得这些改进很难单独描述,但这意味着它们不需要在WordPress生态系统中进行任何采用或修改即可生效。

块主题最显著的性能增强之一是一个低级更改,它优化了WordPress核心块样式的注册方式。这是相关的,因为核心块样式的处理方式与自定义块略有不同。然而,在6.3之前,所有块都使用相同的通用逻辑,其中包括相当多的灵活性,因此也会产生性能成本,这对于核心块来说是不必要的。此更改引入了一个专用函数,以更高效的方式注册核心块样式。请参阅#58528[56044]有关此更改的更多上下文。

区块主题表演的另一个主要胜利是获取块模板()功能。该函数中的逻辑经过优化,不再处理所有块模板,而只处理与当前查询匹配的块模板。请参阅#57756[55687]有关此更改的更多上下文。

这个wp_common_block_scripts_and_styles()函数是另一个优化的函数,当然值得强调。此增强功能仅与混合的主题,特别是经典主题add_theme_support(“wp-block-styles”)但对于这些主题,它会大大提高服务器端性能。请参阅#58560[56064]有关此更改的更多上下文。

对两个区块主题都有显著性能影响的最大变化经典主题是wp_maybe_inline_styles()函数,避免不必要地调用相对昂贵的函数来获取样式表文件的大小和内容。请参阅#58394[55888]有关此更改的更多上下文。

以下列表突出显示了一些可以在某些情况下提高服务器端性能的附加票据:

数据库性能

WordPress 6.3对延迟加载元数据进行了一些增强,可以避免在某些情况下进行数据库查询。这些更改在6.3关于元数据API改进的开发说明帖子.查看个人门票#57227,#57645,#57901、和#58185了解更多上下文。

此外获取页面()函数现在使用WP_查询在内部,这不仅意味着消除重复代码,而且更重要的是,它可以提高函数的性能,因为它现在可以从相同的可靠缓存行为中受益,而这是以前函数的自定义实现中所缺少的。有关更多上下文,请参阅6.3关于获取页面()功能 为bug报告和bug跟踪器上的功能开发创建。 #12821.

最后但同样重要的是WP_用户_查询类现在支持缓存查询结果,成为WordPress支持它的最后一个核心查询类。这可以避免在查询用户信息时进行数据库查询。有关更多上下文,请参阅6.3开发说明WP_用户_查询缓存和票#40613.

关于所用基准的说明

虽然本文中共享的指标基于执行的基准使用与WordPress 6.2相同的方法,任何基准测试都需要进行细微的解释:除了用于基准测试的WordPress网站是如何配置的之外,基准测试在很大程度上取决于它们运行的环境,一些不同的贡献者也根据稍早版本6.3RC1进行了基准测试并分享了它们的基准测试。本电子表格总结了所有基准测试结果。

可以注意到,其他一些基准并没有在突出显示的基准中看到如此高的改进(就上下文而言,这些基准是在作者的机器上运行的),但主要的收获是总体上有显著的性能提升。目前,有必要将重点放在性能基准上,并在本文中突出显示数字,以便与上述数字保持一致6.2绩效改进岗,因为它也使用相同的环境进行性能基准测试。对于任何其他贡献者的基准,其中相对改进没有作为很高,可以假设其环境中的6.2性能基准测试也会显示出相当低的性能提升。

虽然这意味着我们无法得到明确的答案速度快多少WordPress 6.3可以肯定地说,它比6.2快得多,相对而言,性能改进甚至高于6.2到6.1之间。

自动化基准测试工作流

参考的一些基准是使用新的可重用的自动基准测试工作流那个@瑞士风格最近实现,使用与手动基准相同的方法,但使用githubgithub GitHub是一个提供git存储库在线实现的网站,其他开发人员可以轻松共享、复制和修改这些存储库。公共存储库可以免费托管,私有存储库需要付费订阅。GitHub引入了“拉请求”的概念,在将贡献者在分支中所做的代码更改合并为存储库所有者之前,可以对其进行审查和讨论。https://github.com/行动。这些结果表明,由于使用了相同的环境,使用此工作流可以获得更一致的总体结果,并且还可以进一步减少执行性能基准测试所需的工作量。在未来,最好依赖工作流中的数字,而不是特定贡献者的任意环境中的数字。作为参考自动工作流编号大致说明WordPress 6.3与6.2相比的以下性能改进:

  • 区块主题的LCP速度快10.6%,经典主题的速度快8.8%。
  • 区块主题的TTFB速度快4.7%,经典主题快5.6%。
  • 对于区块主题,LCP-TTFB速度快13.4%,对于经典主题,速度快9.3%。

参与进来

如果你有兴趣提高整个项目的绩效,请务必加入#核心编辑器,#核心绩效,并参加双方的会议。

道具到@亚当西尔弗斯坦,@安娜扎祖,@乔麦吉尔,@奥安德雷格尔,@spacedmonkey(空格键),@威斯顿鲁特用于审核和校对。

#6-3,#区块主题,#核心编辑器改进,#核心绩效,#性能

核心编辑器改进:提升模式的威力

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

下面介绍WordPress 6.3的一些新特性,无论大小,都会影响创建和使用模式的体验。如果您正在使用古腾堡16.2除了能够重命名并复制16.3中的自定义模式。

创建您自己的模式(同步或非同步)

古腾堡古腾堡 古腾堡项目是WordPress的新编辑器界面。编辑器改进了创建新内容的过程和体验,使编写丰富内容变得更加简单。它使用“块”来增加丰富性,而不是短代码、自定义HTML等。https://wordpress.org/gutenberg网站/16.1,用户可以在编辑器中创建图案。这包括一个“模式”部分,您可以在其中创建和管理模式和模板部件。因此,您现在可以在构建网站时使用主题的模式、模式目录中的模式以及您的模式(以及您能想到的任何组合)。

Site Editor的Patterns部分,左侧显示带有模板部件和主题模式的侧栏,右侧显示模式预览。


由于能够设置模式的同步状态,可重用块有了一个新名称:同步模式。这是在减少您需要学习的概念和解锁功能以创建自己的模式方面向前迈出的一步:

  • 同步模式意味着对一个模式所做的任何更改都会已部署部署 将代码从本地开发环境启动到生产web服务器,以便访问者可以使用。到整个站点中该模式的所有实例。
  • 非同步模式与其他模式一起包含在Inserter中。对这些模式的更改不会反映在整个站点中,您可以根据自己的喜好自定义每个实例。
  • 你可以编辑、重命名、复制和删除图案所有这些都是在古腾堡16.3发布后的模式部分中完成的。
  • 设置同步状态后,事后你不能改变。您需要复制模式并再次创建它以更改同步状态。
  • 对于 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。主题中,所有模式都列在“Site Editor”>“patterns”部分中的模板部件旁边,您可以在其中输入独立的编辑模式进行更改。
  • 对于经典主题,之前的可重用块管理页面被重用为列表中的模式,类似于Posts>All Posts视图。 
  • 自定义模式类别可能会在未来的版本中提供。你可以在这里阅读更多

在整个界面中添加了微调以帮助实现这种转变,包括模式创建过程本身:

模式创建,显示关于从可重用块更改为同步模式的通知,以及命名模式并在保存前保持同步的选项。


通过将纵横比添加到图像块来保持设计的完整性

纵横比控件已添加到图像块中,从而解除了为图像设置所需设计的功能,因为您知道在替换图像时会保留该图像。虽然这是一个小变化,但这对使用模式的功能和体验有很大影响。现在,你可以不用担心扭曲精心策划的布局,而更多地关注你的内容。

在未来,想象一下能够仅使用图像块占位符设置高度/宽度和纵横比因此,模式根本不必包括图像,并且您可以在不需要图像的情况下开始设置内容的结构。 

探索新的捆绑核心图案

为了继续提供独特美观的设计,Pattern Directory包含了各种新图案,重点是添加横幅、文本和图像相关选项:

一个新的模式目录滤波器过滤器 过滤器是两种挂钩之一https://codex.wordpress.org/Plugin_API/挂钩。它们为函数修改其他函数的数据提供了一种方法。它们是Actions的对应物。与Actions不同,过滤器是以孤立的方式工作的,不应该有副作用,例如影响全局变量和输出。便于搜索已固化由Core或社区WordPress贡献者创建的模式。

模式目录视图,显示新的Curated vs Community过滤器。


添加初学者模式以简化模板创建过程

基于对WordPres 6.2中的模式API,您还可以注册用于特定模板类型的自定义模式(例如,single-post、404等),它们将出现在启动模式中,以简化创建过程。这对于主题作者和网站所有者来说尤其有用,因为它正在扩展模式作为起始内容的力量模板和帖子类型类似。

谢谢你@里奇塔博 @精灵夜 @丹斯琴感谢您帮助审阅和编辑此帖子。  

#6-3,#核心编辑器改进

核心编辑改进:网站编辑更顺畅

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

过去几年古腾堡古腾堡 古腾堡项目是WordPress的新编辑器界面。编辑器改进了创建新内容的过程和体验,使编写丰富内容变得更加简单。它使用“块”来增加丰富性,而不是短代码、自定义HTML等。https://wordpress.org/gutenberg网站/发布后,一些更深入的技术更改在探索和使用网站编辑的过程中带来了一些重大改进。结果是更顺畅的探索体验 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。主题、进行更改和进入站点编辑器。这里提到的工作解决了FSE外联计划在过去数月和数年中提出的关键反馈领域,特别是在以下方面修订修订 WordPress修订系统存储每个保存的草稿或发布的更新的记录。修订系统允许您通过拖动滑块(或使用“下一步”/“上一步”按钮)查看每个修订中所做的更改。显示屏显示每个版本中的更改内容。以及预览主题的能力。虽然这里共享的内容在古腾堡是可用的插件插件 插件是一个包含一组功能的软件,可以添加到WordPress网站。他们可以扩展功能或为WordPress网站添加新功能。WordPress插件是用PHP编程语言编写的,并与WordPres无缝集成。这些可以在WordPress.org插件目录中免费https://wordpress.org/插件/或者可以是第三方基于成本的插件(在某些情况下,作为块主题预览的实验),请帮助探索和测试这些功能,以确保它们都能在2023年8月8日正式发布的WordPress 6.3中使用

依赖于模板、模板零件和样式的修订

虽然撤消和重做按钮可以发挥作用,但访问完整的修订历史记录可以更好地了解更改、更改的影响以及可以采取的操作。已在站点编辑器中添加修订模板、模板部件和样式更改为您想要进行的更改(或撤消)提供了全面的安全网。对于样式,更改显示在时间轴中,旁边是更改者的参考。

这项工作解决了FSE外联计划的长期反馈,最近在以下测试呼吁中分享了大部分内容:

随着我所做的各种更改,我忍不住注意到“如果……怎么办”的需要,并想使用以前的样式,但因为我刷新了编辑器,我无法使用以前的设置,所以我真的觉得需要一个修订系统。

@约旦设计这个评论.

希望在以下情况下能有更多第三阶段工作开始以改善修改体验,包括使其更直观。值得注意的是错误修复后端口将于15.9年在古腾堡登陆解决当前体验中的关键痛点。

切换前预览块主题

不久前,@波纳在FSE外联计划探索中分享了以下内容想象区块主题切换的未来:

当我选择要切换到的主题时,在激活它之前,我可以在自定义程序自定义程序 该工具内置于WordPress核心,可与大多数现代主题挂钩。您可以使用它预览和修改站点的许多外观设置。。但很难以这种方式查看除首页以外的其他页面。我觉得区块主题的“实时预览”应该在站点编辑器中,而不是在自定义程序中,并且流程应该相同;我应该能够“发布”以激活新主题。

通过一个主题预览选项内置于站点编辑器本身,允许用户在激活之前检查块主题,解决主要问题拦截器拦截器 一个严重到阻止发布的错误。探索区块主题。虽然这目前被列为Gutenberg>Experiments下的一项实验,但稳定下来后,它将产生深远的影响,人们可以探索区块主题并尽早体验站点编辑器的所有体验。 

随着工作的不断完善,请帮助测试并提供反馈。当前FSE外联计划快速改版呼叫测试探索这个选项,是提供相关反馈的好地方。

享受加载状态改进

而6.2改进了加载状态最近的更新极大地改善了编辑器画布的加载体验,工作还没有完成。虽然对某些人来说很微妙,但这些改进有助于减少进入站点编辑器时的不和谐,提高凝聚力,在开始交互之前显示一个完全加载的状态。以下是之前和之后的视觉效果,以展示古腾堡15.8年至今的变化和更流畅的体验

以往经验视频:

更新体验视频:

除了对负载状态的改进之外,其他与动画相关的更改和一般修复,如删除模板和模板部件时删除屏幕闪烁,提供更精细、更冷静的工作流程。 


请继续关注更多信息WordPress 6.3版本的工作仍在继续

#核心编辑器改进

WordPress 6.2所有主题的性能改进

随着世界上最新的WordPress发布,这篇文章试图重述所有站点可用的性能改进。根据这一分析由完成@弗利克索斯90鼓励你深入研究,WordPress 6.2加载速度提高14-18% 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。主题,经典主题速度提高2-5%。服务器端性能大幅提升,区块主题提升17-23%,经典主题提升3-5%。这些变化表明WordPress继续致力于确保在该平台上构建的网站得到性能优化。

这建立在过去所做努力的基础上,您可以在以下帖子中阅读到这些努力:需要页面/帖子速度性能问题.

谢谢你@奥安德雷格尔@弗利克索斯90感谢合作撰写这篇文章!

发生了什么变化

主题。杰森JSON格式 JSON或JavaScript Object Notation是结构化数据的最小可读格式。它主要用于在服务器和web应用程序之间传输数据,作为XML的替代。API(应用编程接口)

在WordPress 6.2问世之前,与theme.json相关的代码受到了更多与性能相关的关注,部分原因是人们了解到,这个更新的配置文件在主题的未来发挥着重要作用。这项工作旨在改进第一字节时间(TTFB),这是一个与服务器端性能相关的指标。它侧重于三个方面:

根据这个分析,缓存wp_get_global_settings(全局设置)在发布中影响最大,经典主题提高了9%,区块主题提高了24%。对于上下文,而wp_get_global设置在WordPress 5.9中引入,它的用法扩展到了更多的用例,包括查询数据以呈现前端块。因此,它从缓存响应中受益匪浅。

块主题的延迟加载图像

虽然到第一个字节的时间(TTFB)是6.2版本的一个重点,但最大内容绘制(Largest Contentful Paint)也发生了重大变化,这是用户感知的主要性能指标:第一个图像或iframe公司iframe公司 iFrame是内联框架的缩写。iFrame用于在网页中加载另一个HTML文档并呈现它。该HTML文档还可能包含JavaScript和/或CSS,在用户浏览器解析iFrame标记时加载。职位的将不再为块主题延迟加载.

作为提醒,在WordPress 5.5中登陆的惰性加载图像。在分析报告称,在折叠上方延迟加载图像会对用户感知的性能产生负面影响,WordPress 5.9中的修复程序具有WordPress 6.2版跟进以确保块主题不会延迟加载第一个图像或iframe。

前端指标

除了直接提高性能的工作外,还有一个重点是让所有人都可以随时使用前端指标。其目的是确保开发人员拥有必要的信息,使新功能具有性能并更早地发现回归,所有这些都有助于创建具有性能的未来主要版本。中的所有拉请求古腾堡文字印刷-开发存储库现在包括前端性能信息。为了更全面地了解这些信息,还将在以下位置报告:

  • 这个古腾堡仪表盘现在收集了大量前端指标:
    • 最大内容绘画(LCP):跟踪用户感知的整体性能。
    • 第一字节时间(TTFB):跟踪服务器端性能。
    • LCP-TTFB:跟踪客户端性能。
  • 有一个新的WordPress核心仪表板报告以下服务器端指标:
    • 总计:跟踪服务器端性能。相当于中的TTFB古腾堡古腾堡 古腾堡项目是WordPress的新编辑器界面。编辑器改进了创建新内容的过程和体验,使编写丰富内容变得更加简单。它使用“块”来增加丰富性,而不是短代码、自定义HTML等。https://wordpress.org/gutenberg网站/仪表板。
    • 模板之前:跟踪发送模板_直接挂钩。
    • Template:总时间与调度tempate_redirect钩子所用时间之间的差异。

参与进来

如果你有兴趣提高整个项目的绩效,请务必加入#核心编辑器,#核心绩效,并参加双方的会议。 

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

#块主题,#核心编辑器改进,#性能,#主题

核心编辑器改进:加强样式选项

这些“核心核心 核心是运行WordPress所需的一组软件。核心开发团队构建WordPress。编辑改进…”帖子(标有#核心编辑器改进 标签标签 Subversion中的目录。WordPress使用标签来存储版本(3.6、3.6.1等)的单个快照,这是版本控制系统中标签的常见约定。(不要与帖子标签混淆。))是一个致力于突出核心编辑器相关项目的各种新功能、改进和更多内容的系列。 

有多种工具和方法可用于设计网站的样式,包括通过Styles界面更细微的变化单个块。在WordPress 6.2之前,有一些新功能可以更轻松地创建一致的设计,一目了然地了解更改的影响,并根据您的喜好定制站点的更多方面。无论你是在创造下一个目标,每个人都有自己的目标 块是一个抽象术语,用于描述使用WordPress编辑器组合在一起形成网页内容或布局的标记单元。这个想法结合了过去可能通过短代码、自定义HTML实现的概念,并将发现嵌入到单一一致的API和用户体验中。主题,寻求像素级完美布局的设计师,或寻求重用设计的人。总之,这些更改创建了一个更清晰的设计过程,该过程直观高效,便于修改和重用。 

用于创建样式的界面

虽然扩展工具和选项来设置样式非常重要,但表示设计更改的方式也非常重要。以下界面更新有助于确保您可以更清楚地看到要进行的更改的影响:

  • 使用新的样式书全局设计块,可以在设计时查看站点上的所有块(44420). 
  • 使用样式时依赖块的内联预览,以更好地了解更改的影响(42919). 
  • 选择样式变体时查看模板的更大视图(44987).

用于进一步自定义的工具

虽然一些人满足于依赖块主题或核心提供的内容,但其他人希望通过更多方式获得恰到好处的设计或布局。随着最近几个版本的古腾堡古腾堡 古腾堡项目是WordPress的新编辑器界面。编辑器改进了创建新内容的过程和体验,使编写丰富内容变得更加简单。它使用“块”来增加丰富性,而不是短代码、自定义HTML等。https://wordpress.org/gutenberg网站/,添加了以下选项,允许人们进行更深入的定制:

  • 添加自定义CSS公司CSS公司 级联样式表。直接从样式界面访问整个站点(30142). 
  • 直接从样式界面按块添加自定义CSS(44412). 
  • 从样式界面编辑块样式变化,如使用按钮或图像块(46343)

创建一致设计的选项

随着越来越多的设计工具在每一个WordPress版本中,设计都会变得更加复杂和微妙。为了帮助简化设计过程并更容易重用您的工作,请查看以下新选项:

  • 从单个块中获取本地更改,并使用高级块设置中的新控件在整个站点中全局应用这些更改(44361,46965). 
  • 复制和粘贴块样式以在几次单击中创建一致的设计(44418). 

谢谢你@丹斯琴@cbringmann公司正在审阅此帖子。 

#核心编辑器改进,#古腾堡