Gutenberg Hub 推出基于块的 WordPress 主题目录

在块主题时代的黎明,WordPress 主题目录可以使用重新构想。 这就是 Munir Kamal 在本月晚些时候发布 WordPress 5.9 之前开始做的事情。 他 宣布 一个 替代主题目录 今天早些时候在古腾堡中心网站上。 它列出了 WordPress.org 上正式托管的所有块主题。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory Gutenberg Hub 推出基于块的 WordPress 主题目录古腾堡中心的主题目录。

界面和体验与官方主题目录相似,这是有充分理由的。 Kamal 正在推动 WordPress.org 上的更改。

“我注意到官方主题目录提供的信息缺乏,”他说。 “我想就此展开讨论以解决它,因此将其创建为一个概念/实验。 现在是新一代WP主题(Block Themes)的时代,主题目录需要重新构想。 块主题都是关于颜色、排版、块样式、图案和模板。 作为 WP 用户,我希望在浏览目录中的主题时查看与主题相关的所有信息。 我需要在不安装和测试多个主题的情况下进行选择。”

这个重新构想的目录中的单个主题页面包含比官方目录更多的数据。 每个页面不仅仅是屏幕截图和描述,而是显示主题的调色板,提供排版示例和信息,并预览多个内容块。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-1 Gutenberg Hub 推出基于块的 WordPress 主题目录辛烷值 主题页面。

使现代主题独一无二的一件事是它们包含的 theme.json 文件。 该文件允许主题作者注册设置并添加在编辑器和前端都可以使用的样式。 直到去年 WordPress 5.8 推出,这种标准化水平才存在。

它还允许像 Kamal 这样的开发人员在其上构建新工具。 当几乎所有与主题相关的数据都采用标准格式时,很容易将其提取出来并进行试验。

例如,由于theme.json 文件中有一个特定的颜色键,任何人都可以通过代码抓取和显示它们。 古腾堡中心的目录将这些显示为每个主题旁边的调色板。 用户甚至可以单击复制它们。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-2 Gutenberg Hub 推出基于块的 WordPress 主题目录复制主题颜色。

这在过去几乎是不可能的,因为 WordPress 没有办法让主题定义像调色板这样简单的东西。

该目录还会为每个主题自动生成社交图像。 以下为 梅贝步行者 两者都显示了它们的描述、字体、颜色和屏幕截图。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-3 Gutenberg Hub 推出基于块的 WordPress 主题目录Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-4 Gutenberg Hub 推出基于块的 WordPress 主题目录

多年来,WordPress.org 主题预览一直受到低于标准的演示系统的困扰。 今天,如果主题提供,现场演示可以显示入门内容。 但是,当前 FSE 不支持该功能。 古腾堡中心显示与官方目录中显示的相同的实时预览。

Kamal 通过添加“内容”按钮部分解决了这个问题。 单击它可以让用户看到数十个正在运行的块。

Gutenberg-hub-launches-a-block-based-wordpress-theme-directory-5 Gutenberg Hub 推出基于块的 WordPress 主题目录托芙 主题内容预览。

这提供了主题外观的一般概述,但仍然缺乏预览体验。 一些特色图片将为主页/博客和存档页面增添一些视觉魅力。

Kamal 计划在未来将主题模板和模式合并到预览中。 这些添加将使主题演示更有用。

他不打算就此止步。 “其他计划包括提供超级有用的搜索和过滤功能,可以更轻松地将结果裁剪为最接近用户需求的结果,”他说。 “也许是一个比较工具,用户可以使用它来并排比较两个主题和实用元素,以在两者之间做出决定,而不是评论、下载等。”

到目前为止,Kamal 所做的工作看起来很有希望。 如果我们在这背后有整个社区的努力,还有很多可以改进的地方。 随着 WordPress 5.9 推出的块主题功能,当有更多可能时,没有理由坚持旧的主题预览系统。

如果我对 Gutenberg Hub 或 WordPress.org 有一个额外的愿望,那就是所有子主题都列在其父主题的页面上。 但是,我将首先使用这个重新设计的目录。

来源

相关文章