怎么使用插件创建WordPress子块主题

我们前面的文章里面的用的案例是经典主题,这期的教程用的是块主题来创建。如果使用块主题,那么 WordPress 提供了一种使用创建块主题插件创建子主题的简单方法。

首先,需要安装并激活 WordPress 插件。之后,转到外观»创建块主题。

在这里,只需选择“创建 [当前主题名称] 的子主题”

图片[1]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,填写子主题的信息。我们在本例中使用 Twenty Twenty-F​​our,因此我们将其命名为 Twenty Twenty-F​​our Child。

在子主题上填写了描述和作者后。单击“创建子主题”按钮。

图片[2]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

该插件现在将创建并安装 WordPress 主题zip 文件到管理区域。

完成后,网站将自动激活这个新创建的子主题。可以通过前往“外观”»“主题”来确认。

图片[3]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如何自定义块子主题

子块主题已经创建好了,如果使用子块主题,则大多数自定义将在theme.json 文件中完成,而不是 style.css。

在测试过程中,我们发现这个过程很复杂。与经典子主题不同,如果是 WordPress 主题开发的新手,需要再充充电(尤其是关于 JSON 以及 CSS 在那里的处理方式)。

但是,我们发现使用Create Block Theme插件是一种更简单的替代方法。这个工具可以在子 theme.json 文件中记录在 WordPress 完整站点编辑器中所做的任何改动。因此,根本不需要触碰任何代码,因为插件会处理好它。

给你们看一个例子。首先,通过转到外观»编辑器打开WordPress 完整站点编辑器。

图片[4]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

可以看到几个可供选择的菜单。

这里,只需选择“样式”即可。

图片[5]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在下一页中,会看到几种内置样式组合可供选择。

可以直接跳过所有这些,然后单击铅笔图标即可。

图片[6]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

现在,我们尝试改变子主题的某些部分,例如字体。

对于这次示例,继续并单击右侧边栏中的“排版”。

图片[7]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,会看到一些选项,用于更改主题的文本、链接、标题、标题按钮的全局字体。

演示案列,我们单击“标题”。

图片[8]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在字体下拉菜单中,将原始选择更改为任何可用的字体。

如果有需要,可以随意更改外观、行高、字母间距和字母大小写。

图片[9]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

完成后,只需单击“保存”。之后,可以单击“保存”旁边的“创建块主题”按钮(扳手图标)。

然后,点击“保存主题更改”。

图片[10]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,继续选择要保存到子主题的更改。

示例包括字体、自定义样式、模板更改等。

图片[11]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

完成后,只需一直向下滚动侧边栏即可。

然后,点击“保存更改”。

图片[12]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

现在,查看 theme.json 文件,可以看到代码中反映的更改。

再次单击“创建块主题”按钮并选择“查看主题.json”。

图片[13]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

点击之后,你会看到该文件包含一些新的代码添加。

在我们的例子中,该文件包含代码,表明标题标签将使用半粗体外观、1.2 倍行高、1 像素行距和小写的 Inter 字体。

图片[14]-怎么使用插件创建WordPress子块主题-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
© 转载声明
本文作者:Harry
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容