X-post：Plugin Directory 截图库更新

插件 插件是一段软件，其中包含一组可添加到 WordPress 网站的功能。它们可以扩展功能或为您的 WordPress 网站添加新功能。WordPress 插件使用 PHP 编程语言编写，可与 WordPress 无缝集成。这些插件可以是 WordPress.org 插件目录 https://wordpress.org/plugins/ 中的免费插件，也可以是来自第三方且基于付费的插件。中的截图库现已更新，更新内容发布在 WordPress.org 这是由用户创建和分享 WordPress 代码的社区网站。您可以在这里下载 WordPress 核心、插件和主题的源代码，它也是社区交流与组织的中心。https://wordpress.org/上。

这项工作大约两个月前开始，分为三个阶段。我将最初阶段设为对核心 核心是运行 WordPress 所需的软件集合。核心开发团队负责构建 WordPress。的初步探索，而不只是针对本地插件目录进行修补。其思路是将可重复使用的组件迁移到 Gutenberg Gutenberg 项目是 WordPress 的新编辑器界面。该编辑器改进了创建新内容的流程和体验，让编写富文本内容变得简单得多。它使用“区块”来增加内容的丰富度，而不是短代码、自定义 HTML 等。 https://wordpress.org/gutenberg/的上游，并为 Gallery 区块加入灯箱说明文字和瀑布流布局，因为这些改进不仅限于 WordPress.org，也可能在更广泛的范围内发挥作用。

我们首先在 Gutenberg 中探索了瀑布流方案，因为我们认为这才是此类功能合适的长期归属地。反馈意见表明，这一方案不应以当前形式合入核心，而应先保留在插件或主题领域，直到出现更完善的浏览器级 CSS CSS 是层叠样式表的缩写。它控制着网站的设计或视觉风格。瀑布流方案。由于这条路径没有明确的近期时间表，插件目录工作将兼容的瀑布流行为限定在 WordPress.org 内，而不是让旧版截图库继续沿用数年。

我仍然认为这是值得探索的正确方向。插件目录此前确实存在实际的 UX UX 是用户体验的缩写，指用户使用 UI 的方式。思考的是“他们要做什么”，而较少关注“具体如何去做”。问题，相关任务已开放大约九年，而当前方案在保留兼容性的同时，不会阻碍未来向核心上游迁移的路径。

为何重要

第三个阶段成为了切实可行且向后兼容的推进路径。这项工作在 WordPress.org PR 622 中跟踪。插件目录现在通过服务器使用核心 Gallery 和 Image 区块呈现截图，采用标准 WordPress 灯箱，并将其余行为隔离。

现有图库不受影响，样式范围受到限定，该行为需要主动启用，并且实现方式可随着上游工作的演进而调整。

图库的工作原理

这对插件作者很重要，因为截图的数量和宽高比例各不相同。图库会根据图片数量和可用尺寸进行相应处理。

视觉上统一的集合会采用更整洁的网格布局，而混合集合则采用瀑布流式布局，让高、宽和全景图片都能保持自然比例，不会硬性裁剪重要的界面细节。说明文字始终与图片保持关联，有助于解释界面或工作流程。

接下来是什么

这项工作也完成了与 Meta Trac 2273 相关的一项长期截图 UI UI 是 User Interface（用户界面）的缩写——即用户 interacting with the page 的页面布局。可以多想想“他们是怎么做到的”，少关注他们正在做什么。 任务的主要部分，该任务已开放大约九年。相关工作还包括 Meta Trac 8083。不过，我并不认为图库从此就彻底完成了。

如果你维护的插件中截图仍然显得不协调，请在评论中分享 插件 slug 或链接。真实案例尤其有用，因为它们有助于展示当前布局仍需改进的地方。也欢迎对下一次迭代提出建议。我希望继续在当前基于 Gutenberg 的基础之上改进这一点，同时在上游方案不断演化的过程中保持兼容性。

致谢

感谢 @dd32 在 WordPress.org 内部提供帮助、评审和指导，感谢 @bor0 在最后阶段提供帮助，也感谢 @thilinah 进行后续检查。这件事很有趣，但也变成了一场别有风味的小型耐力挑战 🙂

+make.wordpress.org/plugins/