Tove 主题：展示与全站编辑兼容的 WordPress 主题

汉密尔顿、希区柯克、卓别林、宫崎骏：这些名字可能会让你想起名人，尤其是当你想到体育和电影时。

但是您知道它们也与 WordPress 有关吗？ 是的，真的。 除了，这不是你想的那样：刘易斯·汉密尔顿在上一届大奖赛的最后一圈失去 2021 年世界冠军后，还没有决定进入 WP 网页设计。

也就是说，他可能会为此而发疯（嗨，阿尔弗雷德），但你没有抓住重点。 事实上，这 4 个著名的姓氏也是由多产且富有创造力的 Anders Noren 创建的 WordPress 主题。

该男子的官方目录中有 20 多个，今天我们将重点关注他的最新宝宝，名叫 Tove 。

这个名字也与名人有关——我们稍后再谈——但最重要的是，它与 WordPress 5.9 版本的一场小革命密切相关。

它的名字？ 全站编辑 (FSE)。 承认吧，你很想知道更多，不是吗？ 灯光、相机、动作：跟我一起去发现 Tove……同时，还有一点 FSE，因为他们在一起！

您最好的 WordPress 项目需要最好的主机！

WPMarmite 推荐 Bluehost：出色的性能，出色的支持。 所有你需要一个好的开始。

试试 Bluehost

什么是 Tove 主题？

Tove 是一个免费的多用途 WordPress 主题，完全基于 WordPress 内容编辑器 (Gutenberg) 使用的块。 它旨在适应并满足与 WordPress 5.9（2022 年 1 月 25 日发布）一起发布的完整站点编辑项目的要求。

Tove 于 2021 年 9 月推出，在撰写本文时仍然非常保密。 它“仅”有 400 多个活动安装，主要有一个简单的原因：它只能与 WordPress 5.9 或最新版本的 Gutenberg 插件之一一起使用。

在 WordPress Tove 主题的特殊性中，以下几点很突出，正如其开发者 Anders Noren 所强调的那样：

• Tove 在代码方面非常轻巧，这在加载速度和它可以提供的用户体验方面是一个真正的优势。
• 它是专为餐厅和咖啡馆设计的， “但您可以将 Tove 用于您想要的任何类型的网站” ，Noren 说。 Tove 的特点还在于其灵活性。
• Tove 主题有大约 40 个块模式，可以一键添加到您的页面，例如，可以使用页眉和页脚。

这使它成为一个值得研究的主题，因为知道与 FSE 兼容的主题目前在生态系统中并不是很普遍。

一方面，您会发现一些是在实验基础上创建的（Armando、Q、TT1 Blocks）。

另一方面，您会遇到决定在 FSE 浪潮中领先于其他人的主题，例如 Blockbase、Hansen 或 Aino。

好吧，我说的是全站编辑，但这个词对你来说可能都是希腊语。 为了帮助您更好地理解它，我将就这个热门话题给您一些提示。

什么是全站编辑？

WordPress 5.9 提供的完整站点编辑项目允许您使用内容编辑器块 (Gutenberg) 创建和编辑站点的整个结构（包括页眉、页脚、菜单和页面模板，而不仅仅是其内容）。

如本文所述，通常由主题管理的关键元素，例如标题或 404 页面，现在可以使用内容编辑器块来处理，例如，您已经使用它来编写您的帖子。

这是一个重大变化，使 WordPress 内容编辑器更接近页面构建器的工作方式。

您还可以查看我们对 FSE 及其对 WordPress 主题商店的影响的详细研究。

现在您对 FSE 了如指掌！ 让我们继续关注 Tove 主题的开发者 Anders Noren。

Tove 主题：Anders Noren 的触摸

如果您密切关注 WordPress 新闻，那么 Anders Noren 这个名字肯定会敲响警钟。

这位居住在斯德哥尔摩的瑞典开发人员和网页设计师因其 WordPress 主题而闻名，所有这些主题都可以在官方目录中免费获得。

他总共提供了 22 个，下载量约为 400 万次。 他们中的大多数主要致力于博客，但您也可以找到一些来创建投资组合或在线商店。
通常，指导方针是相同的：极简主义和干净的方面。

除此之外，Noren 还为 WordPress 核心的开发做出了贡献。 一个例子？ 他设计了 WordPress 5.3 自带的原生 Twenty Twenty 主题。

在这个主题小军的中间，有 Tove，这是 Noren 创建的第一个 100% FSE 兼容的主题。 在第一次脉搏检查之后，是时候看看这个创新主题了。

根据记录，Tove 这个名字来自芬兰作家、画家和漫画家 Tove Jansson，根据维基百科，他主要被称为儿童读物的作者。 她特别创造了白巨魔家族 Moumines。

Tove 主题是什么样的？

基于 Tove 主题的演示演示，我们可以看到几大特点：

• 柔和而华丽的色彩，以粉红色、蓝色和黄色为主。
• 标题中的不同元素：重定向到社交网络的图标、营业时间（请记住，主题专用于咖啡馆和餐馆），甚至是号召性用语按钮。 徽标位于标题的中心。
• 视觉效果以全屏显示。
• 矩形和方形内容块。
• 空旷的空间允许呼吸并突出通风的一面。
• 使用“DM Sans”字体、几何和无衬线字体。

该演示旨在为您提供主题的完整视觉方面，但您当然可以通过与野兽玩耍来修改其基本特征（颜色、排版、块类型等）。

这是我们将在下一部分中重点介绍的内容。

加入 WPMarmite 订阅者

获取最新的 WPMarmite 帖子（以及独家资源）。

现在订阅

如何在 WordPress 上自定义 Tove 主题？

网站编辑

激活 Tove 主题后，转到外观 > 编辑器。 站点编辑器随 WordPress 5.9 一起发布。

您可以在此处自定义 Tove，以及您稍后将安装的任何其他基于块的主题。

如您所见，Widgets 菜单消失了，Customizer 菜单也消失了。

现在一切都发生在这个著名的站点编辑器上，它使用Gutenberg 块来创建和提供您站点的所有区域。

默认情况下，您最终会看到一个“索引”模板，其中列出了您所有的博客出版物。

起初，它可能有点令人困惑。 您会看到现在可以神奇地编辑所有内容。 要欣赏这一点，只需将鼠标悬停在页面上的任何元素上。

单击它将带您进入内容编辑器工具栏，您可以从中进行调整：

模板

为了方便创建标准页面，Tove 还提供了 5 个模板。 您可以通过单击“浏览所有模板”来访问它们：

这些模板包括：

• 单个帖子，用于管理帖子页面的显示（特色图片、元标记等）。
• Page ，用于安排单个页面的显示，就像您对帖子所做的那样。
• 索引，用于自定义博客页面的组织，该页面列出了您的所有出版物。
• 无标题的页面，设计无标题的页面。
• 404 ，创建自定义404页面。

全局样式

通过查看全局样式，让我们继续关注您网站的常规设置。 这是WordPress 5.9 中的一个新功能，当然 Tove 主题使用。

使用这些全局样式，您现在可以一次更改整个站点中特定块的颜色、排版、布局甚至外观。

您不再需要经历一个一个地修改每个元素的耗时过程。

基本上，目标是通过提供一个管理所有主题和块样式设置的地方来替换定制器工具。

要访问此选项并更改 Tove 的视觉外观（粉红色可能不适合您的样式指南），请单击站点编辑器工具栏右侧顶部的小按钮：

从那里，您可以管理不同元素的设置，例如颜色选择。 如果您愿意，您甚至可以创建自己的调色板。

块样式

你想一次过一个元素吗？ 每个块单独？ Tove 主题也可以使用，它提供了一些自定义块样式。
要发现它们，您只需单击您选择的块。

根据所选的块，将建议一种或几种样式。 例如，“Quote”块提供“Plain”样式和“Large”样式，它们会改变字体大小：

“图像”块提供两种样式选项：“圆形”或“阴影”。

块模式

最后，要知道使用 Tove 主题，由于添加了块模式，您可以从头开始创建页面和帖子的内容。

这些是即用型内容部分，由几个 Gutenberg 块组成。 通过单击 WordPress 内容编辑器中的“模式”选项卡，您可以非常轻松地将它们添加到您的内容中。

模式是在 WordPress 5.5 中引入的。 供您参考，除了内容编辑器之外，您还可以在 WordPress 官方网站的特定目录中找到它们。 要使用它们，您只需将您感兴趣的块模式直接复制并粘贴到内容编辑器中。

Anders Noren 提供了近 40 种关于 Tove 主题的方块图案。 它们分为7类：

• 号召性用语，带有 2 个模板来创建水平或垂直号召性用语。
• 博客，自定义博客页面的显示，特别是作为网格或列表（总共 5 个模板）。
• Header ，它提供了 6 种不同的标题模板。

• 一般，您可以在其中找到 11 个模板来显示推荐、价格表、信息横幅和其他社交网络图标。
• Hero ，包括 4 个模板来显示背景、标题、按钮和文本。
• 餐厅，有 8 个专门针对餐厅的即用型模板：菜单、营业时间、实用信息、预订按钮。

• 页脚，有 7 个模板来自定义您的页脚，包括学分和布局（例如，带有列）。

好了，现在您知道如何操作和自定义 Tove。 在继续之前，这是我对这个主题的处理的感受。

一般来说，Tove 主题易于使用，这是一个很大的优势。 尽管您首先必须习惯 WordPress 站点编辑器（尤其是对于那些在 2022 年初阅读本文的人），但您很快就会掌握它的窍门，尤其是在您已经了解内容编辑器的情况下。
掌握了使用积木的窍门吗？ 那么托芙对你没有任何秘密。

最后，要结束关于主题定制的这一部分，要知道您可以将 Tove 与页面构建器结合使用。

不过，这不是主题的最初目的，因为它是为与 WordPress 站点编辑器一起使用而设计的。 但是，例如，没有什么可以阻止您通过将它与 Elementor 耦合来使用它作为起点。

使用 Elementor 构建您的网站

使用著名的页面构建器轻松设计 WordPress 网站的外观和感觉。 尝试元素

尝试元素

还是专注？ 然后让我们继续本文的下一部分，涵盖您应该感兴趣的几个主题。

性能、搜索引擎优化、响应式：放大 3 个主要方面

WordPress Tove 主题的性能

网站管理员倾向于关注的第一个方面 - 并且正确地 - 是他们网站的加载速度。

这显然是需要仔细考虑的事情，因为它对用户体验有影响，更不用说对搜索引擎优化了，这与流行的看法相反。

有几个因素可以改变您网站页面的加载速度：图片的重量、您使用的插件、您的网络主机、您的 PHP 版本等。

其中，还有你的主题。 它越轻巧，编码越好，您就越有可能拥有一个快速的站点。

在这方面，托夫是一个优秀的学生。 它没有过多的不必要的元素，正如其演示页面所述，由于它是围绕完整站点编辑项目构建的，所以 Tove 保持“简单和苗条”。 真的很苗条。 主题仅重 200 多千字节，其中大部分字节来自占位符插图和主题屏幕截图” 。

如果您在 WebPageTest 等性能测量工具上测试主题演示，您会注意到这一点。

顺便说一句，如果您的网站有点滞后，请借此机会通过激活出色的高级插件 WP Rocket（附属链接）来给它一点动力。

搜索引擎优化

您是否担心页面的加载速度？ 那么作为一个认真的网站创建者，你肯定会担心你的 SEO。

确实，您的内容在搜索引擎结果首页上的良好排名对于获得更多流量以及随之而来的一切（销售、下载、通讯订阅、表单填写、报价请求等）至关重要。

要使页面在 Google 和其他网站上正确排名，您必须示意性地：

• 围绕目标查询（关键字）处理您网站的内容。
• 从其他站点获取链接（著名的反向链接）。
• 注意您网站的架构。

尊重良好 SEO 实践的编码良好的主题将允许您从坚实的基础开始，这就是 Tove 主题的情况。

要管理您的现场搜索引擎优化（内容优化），您将没有任何与 Anders Noren 主题相关的特定选项。

在 WordPress 内容编辑器上，您将能够选择您选择的标题标签（h1、h2、h3、h4、h5）并将它们正确应用于您的不同标题。

其余的，我建议使用像 Yoast SEO 这样的通用 SEO 插件。 它不会自动让您在搜索结果页面中获得位置。

但是，只要您以正确的方式进行操作，它将确保您可以正确配置 SEO 的一些关键方面。

为此，请前往 WPMarmite 博客上关于最著名的 SEO 插件的指南。

响应式

照顾您网站的性能和 SEO 非常棒。 但是不要用不适合移动设备的网站来吹嘘它。 准确地说，我们称之为“响应式 设计”。

同样，这是真正需要注意的事情，尤其是当您的大多数访问者使用智能手机或平板电脑访问您的 WordPress 网站时。

提示：要了解访问者使用的设备类型，请转到 Google Analytics：受众 > 移动 > 概览。

Anders Noren 不喜欢通过激进的营销来推广他的主题，因此您不会在主题演示页面上看到大量浮夸的插页，证明 Tove 响应迅速。

如今，任何自尊的 WordPress 主题都必须在很大程度上响应，即使您可能不得不在您身边进行一些调整以确保一切都恰到好处。

在绝大多数情况下，您可以在官方目录中找到的 WP 主题默认是响应式的。

要手动确保这一点，您可以通过两种方式进行：

1. 将您的浏览器窗口向左或向右缩小，以检查内容是否在彼此下方正确匹配。 对于 Tove 来说，情况就是这样：随着窗口的缩小，一切都显示得无可挑剔。
2. 使用 Google 提供的免费工具：Mobile-Friendly Test。 为了以正确的方式做到这一点，我对 Tove 的演示页面进行了测试。 谷歌没有发现任何问题：

我们在这里：响应、搜索引擎优化和性能，我们已经完成了这个艰难的部分。 既然我们已经到了这个主题的审查结束，我们可以谈谈法案吗？

Tove 价格和用户支持

使用 Tove，在定价方面没有惊喜，也没有隐藏成本：它是 100% 免费的，就像 Anders Noren 设计的其他主题一样。

这总是很好，但你知道，免费主题意味着减少支持。

嗯，是的，你不可能拥有生活中的一切。 如果您遇到问题或遇到 Tove 技术问题，您将无法获得专门的用户支持。

您可以随时尝试在 Tove 公共支持论坛上发布您的请求。 好消息是：您会注意到安德斯·诺伦（Anders Noren）在大多数时候都非常被动，并且会回答他被问到的问题。

也就是说，在实践中，您可能遇到的大多数问题都与 WordPress 站点编辑器有关，不一定与依赖它的 Tove 有关。

为此，没有神奇的秘诀：您必须练习驯服动物并像酋长一样掌握它。

由于完整站点编辑是一个最近的项目——基于撰写本文的时间——您可能需要阅读该主题以了解所有细微之处。

为此，Noren 推荐 Carolina Nymark 的网站，WordPress 核心的贡献者：fullsiteediting.com。

我们对 Tove 主题的看法

好吧，我们到了。 Tove品鉴会结束。 是时候消化这一切并进行汇报了。 让我们总结一下自这篇文章开始以来我们所经历的一切。

通过满足完整站点编辑项目的要求，Tove 是一个开创性的 WordPress 主题。 目前，大多数商店和其他主题设计师还没有赶上 WP 网站创建和编辑的未来代表什么。

Tove 操作简单、愉快且易于使用，无需编码，是一个似乎很自然地适合初学者的主题。

它确实适合这种类型的个人资料，特别是如果您从事餐饮业并想创建博客或简单的展示网站，但对我来说，它似乎更适合已经了解 WordPress 及其网站编辑器的人。

事实上，即使块模式允许您在页面中轻松添加即用型模板，也不要忘记您必须塑造关键页面（博客、404 等）的设计和架构.)。

此外，如果我们将其与官方目录中的其他著名主题进行比较，Tove 在自定义选项方面仍然要轻得多（这是合乎逻辑的，因为这不是它的目的）。

因此，初学者网页设计师肯定会对从头到尾引导他的主题感到更舒服，并且这些主题充满了模板和其他样式选项，如 Astra、GeneratePress、Kadence 或 Blocksy。

无论如何， Tove 与未来有关。 它应该会随着 FSE 的发展而继续扩大，并可能成为未来几个月的必备主题。 那就密切关注吧。

下载 Tove 主题：

你怎么看待这件事？ 您是否已经计划加入 FSE 和 Tove 主题？

我在下面的评论中等待你的答案。