Edwin Tuenen

Edwin 是一位战略内容专家。在加入 Yoast 之前,他花了几年时间在荷兰一家领先的网页设计杂志磨练自己的技能。

几乎每年,WordPress将有一个新的默认主题。该主题与当年最新的 WordPress 主要版本捆绑在一起。这一次,我们欢迎 WordPress 5.6 中的新主题。主题叫做“21 21”,非常棒。它由 Automattic 的 Mel Choyce-Dwan 设计,由 Carolina Nymark 领导的开发团队构建。让我们认识一下新主题及其创作者之一:Carolina。

一个美丽而实用的 WordPress 主题

二十一二十一是一个很棒的主题,其设计使其与众不同。颜色、空白、排版——一切都非常干净且经过深思熟虑。设计就像新的画布,等待上色!多亏了块模式,你可以随心所欲地绘制它。

像往常一样,Yoast 为 WordPress 5.6 的发布做出了贡献。我们有一个专门的 WordPress 核心团队,由 Francesca Marano 领导,负责 WordPress 的所有部分——从文档到核心代码。这一次,我们也看了一个全新的话题二十一二十一。

二十一二十一的设计让它与众不同

设计

设计当然是主观的,但我们认为还没有这样的默认主题。二十一二十一 淘汰赛。它很干净,排版很棒,并且可以在许多情况下使用各种调色板。它甚至有一个很棒的黑暗模式,由 Ali Stathopoulos 创建。

干净而快速

二十一二十一最引人注目的地方之一就是它的外观。仔细一看,也是一个快速主题。该主题在幕后避免了不必要的复杂 JavaScript,并且由于它使用本机字体堆栈,因此不会加载其他网络字体。所有这些都有助于大幅提高速度。

得益于块模式的灵活性

当您深入研究二十一二十一时,您会注意到主题和灵活性方面的所有这些令人敬畏的调色板。您实际上可以在此画布上作画。开发团队增加了对块模式的支持,并为主题提供了多种模式,让您可以根据自己的喜好灵活调整主题。这些图案由 Mel Choyce-Dwan 在 Kjell Reigstad 的帮助下设计。当然,您始终可以为您的用例创建自己的模式。

在二十一中使用块模式创建适合的布局您的需求

可访问性优先

该项目的目标之一是使新主题尽可能易于使用。该团队希望尽可能遵守可访问性指南。由于设计如此优雅,因此更容易以易于访问的方式构建它。您可以将此主题与键盘导航一起使用,并且此主题是反屏幕阅读。 Yoast 的内部辅助功能专家 Andrea Fercia 评估了主题并进行了改进。

二十一二十一是怎么来的?

开发团队与 WordPress 5.6 的其余部分一起致力于二十一二十一。参与该项目的人员于 2020 年 6 月首次见面,由六名设计师和开发人员组成。不幸的是,由于种种原因,他们中的一些人在早期就放弃了这个项目。

Carolina Nymark 来自瑞典斯德哥尔摩,十多年来她一直在开发 WordPress 主题。 Carolina 是 WordPress.org 社区中一位非常活跃且受人尊敬的成员。此外,她还是主题团队的全球代表之一。她自愿在 WordPress 5.6 发布团队中占有一席之地,并最终领导开发团队开发了新的默认主题 Twenty One Twenty One。我们和她谈了她构建主题的经历。

设计新主题

Carolina 说设计过程始于 Pinterest。团队受到不同类型的排版和布局的不同情绪板的启发。可以从这些样式中选择三个主题:

  • Speak Out:黑色,带有粗体字和橙色的辅助色,灵感来自时事,例如民权运动、抗议和 Handmade 徽标。
  • 杂志:由大衬线字体组成,白色且时尚,背景带有渐变圆点。
  • 作品集:色彩缤纷的设计,具有清晰边框和线条的元素,强调大图像。

Carolina:“跟随设计过程很有趣。所有三个设计都有其优点和缺点,第一个主题很重要,因为 2020 年发生的一切。用来帮助人们让他们的声音被听到。这完全符合 WordPress 使发布民主化的使命。最后,我很高兴我选择了第三种设计,Portfolio 变体,因为它是最通用的。您可以使用它来创建许多不同类型的网站。”

构建主题

一旦设计完成,由 Carolina 领导的开发团队就可以开始他们的工作了。她的团队由几位开发人员组成,他们投入了一些时间来帮助实现这个主题。为了帮助 Carolina 专注于手头的任务,Yoast 挺身而出,为她提供了赞助。由于合作关系进展顺利,Yoast 邀请 Carolina 全职加入我们的 WordPress 核心团队。

Yoast 的几位开发人员帮助开发了二十一二十一的一部分,并为该项目带来了结构。最初的目标是让主题准备好包含在 Beta 1 中。这将是您第一次测试整个新版本的 WordPress,包括默认主题。为此,我们组建了一个临时团队进行为期两周的冲刺。来自 Yoast 前端部门的 Rolf Sibers、Guido Offermans 和 Simon Resok 加入了 WordPress 团队,以提供他们的专业知识并加快流程。

从现有主题构建

为了改进流程并建立坚实的基础,团队决定修改现有主题以使事情变得更容易。 Carolina:“我们从 Automattic 构建的一个名为 Seedlet 的主题开始。我们保留了主题的基础知识,但需要删除一些功能并添加我们自己的功能。其中一个功能是菜单,它可以同时使用文本链接和社交媒体图标。”

Carolina 说二十一二十一作为默认主题提出了另一个挑战:“你无法缩小目标受众的范围.没有特定的用例,每个人都是您的用户,具有不同的需求。主题需要适合作品集网站、博客或小商店或餐馆。您必须选择要包含和限制自己的功能。很容易被带走。不仅如此,因为如果包含太多功能,主题会变得笨拙。”

回想起来,Carolina 为每个人所做的工作感到自豪。最终的结果令人惊叹 - 一个漂亮的外观,闪电快速主题,在许多环境中都运行良好。“我迫不及待地想让世界看到我们构建的东西!”

学习

构建作为开源项目的一部分很难工作。管理期望、让每个人都走在同一条道路上以及正确沟通是至关重要的。最后一个是最困难的,Carolina 说:“是的,技术部分是艰苦的工作,但这不是工作中最困难的部分。领导一个团队就是找到沟通的方式,这样每个人,包括我,都不会感到沮丧。很多人帮助了我,包括 Francesca Marano 和团队内外的许多其他人。除了提到的所有 Yoasters 之外,还要向 Justin Ashnon 和 Tim Hungerwell 大声喊叫,他们一路提供帮助。我感谢所有的帮助。”

现在就试试二十一二十一吧!

WordPress 5.6 有很多很棒的功能和一个漂亮的新主题。一定要试试二十一二十一并用它制作一些很棒的布局。在 Yoast,我们为每个花费大量时间设计和构建的人感到自豪。喜欢使用它!

资源