使用指南/编辑您的网站/主题/从经典主题切换到区块主题

从经典主题切换到区块主题

在 WordPress 上切换到区块主题,能为您提供一种现代化、用户友好的网站设计方式。在本指南中,您将了解区块主题有何益处,以及应采取哪些步骤来确保从经典主题顺利切换为区块主题。

为什么要切换到区块主题?

区块主题在 WordPress 5.9 中推出,对经典主题体验进行了重大升级。使用区块主题,您无需自定义编码、聘用开发者或搜索新主题即可满足自己的设计偏好。区块主题简化了流程,让所有用户都能在 WordPress 编辑器中轻松更改设计。

在您切换主题之前

在从经典主题更改为区块主题之前,请先了解将会发生什么变化。您网站的样式和布局将发生变化,但页面和文章的内容保持不变。

测试新主题


我们为您提供了一些工具,可供您在更改实时站点之前测试新主题:

  • 试用并自定义:在您的站点上激活主题之前,预览主题并进行自定义设置。
  • 创建暂存站点:符合条件的托管套餐支持创建实时站点的精确副本。

熟悉区块编辑器

您的编辑工作流将会发生变化,因此在实时站点上切换到区块主题之前,请先花点时间了解您将如何编辑主题和内容。

对经典主题进行更改时,您将使用定制器。定制器会根据您选择的主题提供一组预设的自定义选项。而使用区块主题时,设计会在更加灵活的站点编辑器中进行。站点编辑器可让您完全把控主题呈现内容的方式,且不受特定主题的限制。

此外,在经典主题中,您需要使用经典编辑器来编辑内容。经典编辑器是一个简单的文本字段,您可以在其中输入页面/文章内容。区块主题使用 WordPress 编辑器,这意味着您可以在页面或文章中添加各种内容和布局元素。 

准备您的站点

在切换到新主题之前,您可能希望将站点的可见性设为私人或即将推出,这样您就有时间在访客看到新设计之前对其进行审查并做出必要更改。了解如何更改您站点的隐私设置。

最后,记下您当前主题的名称并确认该主题是否已停用。如果您的当前主题尚未停用,且您需要更多时间来切换到区块主题,则您可以切换回经典主题。已停用的主题仍可在您的站点上保持激活状态,但如果您切换到其他主题,则无法再切换回已停用的主题。 

如果您站点的托管套餐包含站点备份功能,您可以将站点的备份恢复到更改主题之前的状态。 

如何切换您的主题

既然您已经使用区块主题测试了网站,现在是时候在您的实时站点上更改主题了:

  1. 访问您站点的仪表盘
  2. 导航至“外观 → 主题”。
  3. 搜索您选择的主题。
  4. 点击主题的缩略图,然后点击“激活”按钮。 

如果需要,您可以在激活之前预览主题并进行一些自定义设置。当您对主题的自定义设置感到满意后,即可激活该主题。 

如果您使用暂存站点测试了您的主题,则可以通过将暂存站点同步到生产站点来将这些更改迁移到您的实时站点。

切换到区块主题后

切换到区块主题后,您可以执行以下步骤,以确保顺利过渡,并充分利用新主题的功能。

查看您的主页

在您切换到区块主题后,您编辑主页的方式将发生变化。以下是一些需要注意的关键变化:

  • 您将使用站点编辑器设计您的主页内容。
  • 如果您的经典主题使用的是静态主页,则该页面将被移动到您站点仪表盘中“页面”的“草稿”部分。您可以在站点编辑器中将草稿中的所需内容复制到新的主页模板中。
  • 如果您的经典主题在主页上显示了最新文章,您可以在主页模板中添加“查询循环”区块,也可以为博文创建单独的页面

查看您的菜单

虽然现有菜单应会自动切换到新主题,但您可能想要自定义菜单的设计和布局。现在是熟悉如何在使用区块主题时自定义站点菜单的好时机。

您将无需再使用“外观”中的“定制器”或单独的“菜单”部分来编辑站点的菜单。取而代之的是,您将通过站点编辑器编辑您的导航

自定义您站点的设计

区块主题针对不同的页面类型(主页、页面、文章等)使用完全可自定义的模板。您可以完全把控模板中各元素的显示位置以及每个元素周围的内边距和边距。

查看您站点的功能

在多个设备和浏览器上测试您的网站,以确保所有功能均能正常运行,包括:

  • 小工具:如果您在站点上使用了小工具,请确认它们已转换为区块,以便显示您期望的内容。 
  • 插件:如果您的站点使用了插件,请检查以确保插件仍然正常运行。删除任何您不再需要的插件。

如果您暂时将站点设为私人,请记得将其重新设为公开。这同时也是向您的订阅者社交媒体粉丝告知站点重新设计进展的绝佳时机。

区块主题中的定制器设置位于何处

由于区块主题不再使用定制器,以下便捷清单列出了区块主题中各项基本主题编辑功能的所在位置:

定制器站点编辑器
站点身份(标题和标语)设置 → 常规标题标语
颜色和背景外观 → 编辑器 → 样式
字体外观 → 编辑器 → 样式
页眉图片外观 → 编辑器 → 模板
菜单外观 → 编辑器 → 菜单
小工具外观 → 编辑器”(小工具已替换为区块
主页设置设置 → 阅读
额外 CSS外观 → 编辑器 → 样式
Copied to clipboard!