WordPress 和全站编辑:如何创建子主题和块主题
已发表: 2022-12-09什么时候应该为 WordPress 使用子主题? 如果您打算对代码进行任何自定义更改,那么创建子主题很重要。
这样,当主题更新时,对代码的任何自定义更改都不会被覆盖。
传统上,在使用 WordPress 时,这需要复制 functions.php 和 style.css 来创建子主题并将子主题排入父主题。
由于Full Site Editing中的文件结构不同,需要进行一些调整才能找到所有合适的文件。
幸运的是,随着 WordPress.org 创建的Create Block Theme 插件的创建,不仅创建子主题而且创建完全自定义的主题或样式变体比以往任何时候都容易。
WordPress.org 插件存储库的屏幕截图,2022 年 12 月在 WordPress 上设置创建块主题插件
首先,您需要安装并激活要为其创建新主题或子主题的 WordPress 块主题——在本例中,我使用的是 Twenty-Twenty-Two。
WordPress 仪表板的屏幕截图,2022 年 12 月接下来,执行以下步骤:
转到插件>添加新插件。
在搜索窗口中,找到“创建块主题”。
单击安装并激活。
WordPress 仪表板的屏幕截图,2022 年 12 月安装插件后,您将在Appearance 下看到一些新选项,包括Create Block Theme和Manage theme fonts 。
WordPress 仪表板的屏幕截图,2022 年 12 月创建一个 WordPress 子主题
Create Block Theme 插件是为块创建子主题的极其简单的方法,包括完整站点编辑主题。 该插件将自动创建 parts 文件夹、templates 文件夹、theme.json 和 style.css。
安装插件后,您就可以创建子主题了:
- 在外观下,选择创建块主题。
- 接下来选择Create child of Twenty-Twenty-Two (如果您选择了不同的主题,它将列出该主题)。
- 在右侧填写主题名称、主题描述、主题URI、作者、作者URI。
- 单击蓝色的生成按钮创建子主题。
WordPress 仪表板的屏幕截图,2022 年 12 月您的子主题将导出为 zip 文件。
生成的子主题文件的屏幕截图,2022 年 12 月在Appearance > Themes下,单击Add Theme和Upload Theme,然后选择生成的 zip 文件。
转到主题并确保您看到新的子主题。
为 WordPress 子主题创建自定义图像
该插件的一个缺点是它不允许您为子主题添加 screenshot.png ,也不能使用父主题提供的截图。
这可以很容易地修复,并为您的子主题提供一个很好的自定义触摸。
使用您最喜欢的图像编辑器,创建一个大小为 1200 像素 x 900 像素的新图像,并将其命名为 screenshot.png。
将新的 screenshot.png 放在您创建的子主题的文件夹中。
WordPress 子主题的主题文件截图,2022 年 12 月导航回主题,您的新图像应该与您的子主题一起出现。
WordPress 仪表板的屏幕截图,2022 年 12 月既然在块主题上设置了子主题,就可以在不覆盖父主题文件的情况下对theme.json和 style.css 模板文件进行更改。
这样,可以毫无问题地更新父主题。

您还可以导出具有所做更改(例如图像)的新子主题,以用作新安装的父主题的子主题。
在 WordPress 上创建自定义块主题
Create Block Theme 插件提供了许多选项来创建您自己的主题。 您可以克隆当前主题并使用该主题作为模板进行您自己的自定义更改。
完成更改并对它们感到满意后,您就可以使用该插件导出包含您所做的所有更改的主题,以便在其他网站上使用您的新主题。
此外,您可以创建一个完全空白的新主题,将当前主题用作样板。 这是制作完全定制的东西的好方法。
要制作一个全新的主题,请执行以下步骤:
在创建块主题下,选择创建空白主题。
填写右侧的所有信息,为其命名并添加您的名字作为创建者,然后点击生成。
WordPress 仪表板的屏幕截图,2022 年 12 月您的新主题将作为 zip 文件下载。
在Appearance > Themes下,您可以上传并激活您的新主题。
如果要为 screenshot.png 添加自定义图像,请执行与子主题相同的步骤。
激活新主题并将其用作新主题的起点。
WordPress 仪表板的屏幕截图,2022 年 12 月使用图案、块、模板部件和样式编辑器来构建您想要的外观的新主题。
完成新主题的工作后,返回外观>创建块主题并导出新主题,其中包含您对其所做的所有更改。
它将导出为 zip 文件,并可以上传到任何新的 WordPress 安装。
管理 WordPress 主题字体
Create Block Theme 插件的另一个很棒的功能是能够轻松地为主题添加和删除字体。
通常,要向主题添加新字体,需要下载字体,将其添加到 fonts 文件夹中,然后在 functions.php文件中排队,或者需要将Google 链接添加到代码中。
添加多种字体会使过程更加复杂。
使用该插件,可以从您的自定义主题或您已安装和激活的主题中轻松添加或删除计算机中的Google 字体和本地字体。
对于 Google 字体,单击添加 Google 字体,下拉窗口将为您提供可用的 Google 字体列表。
选择字体,选中复选框并单击按钮将 Google 字体添加到您的主题中。
WordPress 仪表板的屏幕截图,2022 年 12 月
WordPress 仪表板的屏幕截图,2022 年 12 月添加您下载的本地字体是一个类似的过程。
点击添加本地字体,上传字体文件,填写字体名称、样式和粗细,点击按钮将本地字体上传到您的主题。
WordPress 仪表板的屏幕截图,2022 年 12 月轻松制作 WordPress 儿童主题
使用完整站点编辑和创建块主题插件,创建您自己的主题和样式变体比以往任何时候都容易。
使用插件而不是手动排队文件和更改代码使子主题创建和添加新字体成为一个简单的过程。
与插件一起使用时,模式、样式变化和可重用块是创建您自己的自定义主题的非常简单的方法,您可以导出并再次使用。
所有这些都无需触摸任何主题代码。
更多资源:
- 如何在 WordPress 中创建自定义 404 页面
- 如何为 SEO 选择最佳 WordPress 主题
- 高级技术 SEO:完整指南
特色图片:Kaspars Grinvalds/Shutterstock
