WordPress 5.3 中的新二十二十主题

已发表: 2019-12-20

几周前,新版本的 WordPress 发布了。 WordPress 5.3 的特点主要在于它包含在块编辑器中的所有 UX 和 UI 改进以及它的新默认主题。

Twenty Twenty在设计时考虑了WordPress块编辑器。 在今天的帖子中,我想简要介绍一下新主题,与您分享一些使它与众不同的东西,并教您如何设置它并使其适应您的需求。

二十二十一目了然

随着每次新的WordPress更新,块编辑器都会发生质的飞跃(不要忘记编辑器本身正处于非常积极的开发中,并且可以作为插件使用)。 Gutenberg的最终目标是成为一个成熟的、用户友好的页面构建器,允许用户按照自己的意愿设计和构建他们的网站。

WordPress 中的新二十二十主题
新的二十二十个 WordPress 主题。

WordPress主题的职责是为用户在块编辑器中创建的结构和设计添加一些个性。 正如主题的创建者所定义的:

二十二十的设计以灵活性为核心。 如果您想将它用于组织或企业,您可以将列、组和媒体与宽对齐和完全对齐相结合,以创建动态布局来展示您的服务或产品。 如果您想将它用于传统博客,则居中的内容栏也非常适合。

安德斯·诺伦

关于新的WordPress默认主题的一个有趣事实是,与它的前辈不同,它不是从头开始创建的——它基于 WordPress.org 存储库中已经存在的主题: Chaplin

卓别林主题的宣传图片。
WordPress 卓别林主题的宣传图片。

Twenty Twenty 的另一个不同之处在于其附带的排版 Inter,由 Rasmus Andersson 设计。 它是一种免费且开放的字体,旨在促进文本阅读,尤其是在字体很小的情况下。

国际米兰主页截图(开放字体)。
Inter 是 Twenty Twenty 附带的默认排版。

如何安装新的二十二十主题

正如我已经提到的,这个主题是WordPress 5.3 中的新默认主题。 因此,如果您正在创建一个新的WordPress安装并使用其最新版本,那么主题将已经存在。

二十二十主题是 WordPress 5.3 中的默认主题
二十二十主题是 WordPress 5.3 中的默认主题。

但也可以在早期版本的WordPress中安装它。 只需转到外观»主题»添加新并查找主题“二十二十”:

WordPress 5.3 中已包含二十二十
二十二十与任何其他主题一样,非常易于安装。

请记住,该主题的设计考虑了古腾堡,因此我建议您仅在使用块编辑器创建内容时才使用它。

如何自定义二十二十

该主题可通过 WordPress 的内置主题定制器轻松定制。 单击外观»自定义,您将看到所有可用选项:

在 WordPress 中自定义二十二十
在 WordPress 中自定义二十二十。

我相信您已经熟悉了大多数可用的设置,所以让我们仔细看看那些我认为最有趣的设置。 我个人在 2020 中调整的第一件事是它的调色板,因为我不喜欢它默认使用的棕褐色调。 相反,我会使用更白的东西:

二十二十默认配色方案
二十二十默认配色方案。

后出场

默认情况下,博客文章的外观是清醒而优雅的。 正如您在以下屏幕截图中看到的,标题出现在一些元信息(作者、出版日期、类别)旁边,所有这些都显示得非常醒目且非常干净:

二十二十中帖子的默认视图
二十二十中 WordPress 帖子的默认视图。

在标题之后是特色图片,它或多或少与内容融为一体。

如果您不使用特色图片(或者您只是不时使用它们),则此默认视图可能是最好的。 但是,如果您在所有帖子中都使用特色图片,我建议您将帖子的模板更改为Full Width Template

主题中可用的页面和帖子模板
主题中可用的页面和帖子模板。

使用此模板,特色图像变得更加相关,并与标题和帖子的元数据合并。 如您所见,图像将完全进行第一次折叠:

具有特色图像的模板完全使用第一折
具有特色图像的模板完全使用第一个折叠。

这是一个我觉得非常简洁的功能(这并不奇怪,因为它非常接近我们在自己网站中使用的功能,对吧??)

菜单

我喜欢这个主题的另一件事是它允许您创建多个菜单,具体取决于您最喜欢的样式。 一方面,我们可以在桌面的两个菜单选项之间进行选择:

  • 水平菜单。 这是之前所有屏幕截图中显示的菜单。 选项始终显示在您网站的顶部栏中。
二十二十主题中的不同菜单
二十二十主题中的不同菜单。
  • 扩展菜单。 这是一个“隐藏菜单”。 要显示它,您只需单击省略号图标(上一个菜单旁边),扩展菜单将从右上角滑入:
扩展二十二十主题菜单
扩展二十二十主题菜单。

另一个相当不错的壮举是社交菜单。 有了它,我们可以添加指向我们社交网络的链接,并且主题会自动将每个个人资料显示为带有相关社交网络图标的按钮:

二十二十主题的社交菜单
二十二十主题的社交菜单允许您将链接添加到您的社交网络并自动显示相应的图标。

这不是这个主题的新东西(它已经有一段时间了,现在,在所有二十多岁的主题中),但无论如何我仍然喜欢它。

小部件和搜索

最后,还值得一提的是主题包含的小部件区域。 不幸的是,我们这里的选项非常有限:您只能在页脚中添加小部件。 所以,如果你想在你的博客或类似的东西中有一个侧边栏,恐怕你必须创建一个子主题并根据你的需要调整模板。

Twenty Twenty 在页脚中有两个小部件区域,它们对应于您在捕获中看到的两列
Twenty Twenty 在页脚中有两个小部件区域,它们对应于您在捕获中看到的两列。

关于 WordPress 的内置搜索功能,该主题包括一个用于在您的博客上搜索内容的快速表单。 菜单中有一个带有搜索图标的按钮。 单击它,搜索框将通过 JavaScript 显示在屏幕顶部:

动态搜索框包含在二十二十
动态搜索框包括在二十二十。

概括

Twenty Twenty 主题是每个新版本 WordPress 附带的 Twenty 系列的下一步。 我不会说这是一个革命性的主题,但在我看来,这是一个非常优雅的主题,与 WordPress 的新特性和功能完美结合。 如果您正在考虑升级到新主题并且不知道使用哪个主题,请给 Twenty Twenty 一个机会。 它速度很快,看起来非常漂亮。

Ankhesenamun 96 在 Unsplash 上的精选图片。