如何创建 WordPress 子主题(新手指南)

子主题是继承其他 WordPress 主题功能的 WordPress 主题。很多管理员会为当前主题创建子主题,这样他们就可以安全地自定义网站设计,而不会在主题更新时丢失更新前的设置。

图片[1]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

子主题如何工作?为什么需要它?

子主题会继承另一个 WordPress 主题的所有特性、功能和样式。创建子主题时,原始主题称为父主题。

继承包括父主题的style.css 文件,该文件定义了主题的主要样式。子主题可以通过添加自己的文件或修改现有文件来覆盖或扩展其继承的属性。

虽然可以在不安装子主题的情况下自定义 WordPress 主题,但出于以下几个原因,可能仍然需要一个子主题:

  • 子主题在主题更新期间保护自定义设置,防止其被覆盖。如果直接修改父主题,那么这些调整可能会在更新时消失。
  • 子主题可以安全地尝试新的设计或功能,而不会弄乱网站的原始主题,类似于暂存环境。
  • 如果知道怎么编码,那么子主题可以使开发过程更加高效。子主题的文件比父主题的文件简单得多。可以专注于仅修改父主题中想要更改或扩展的部分。

创建WordPress子主题之前要做什么

我们看到很多 WordPress 用户研究技术内容,但当出现错误时却是比较头疼。我们理解这种感觉,因为我们也遇到过。这就是为什么在创建子主题之前了解要做什么很重要。

在继续指南之前,我们建议先做下面几件事:

  1. 注意,使用代码。至少,需要对 HTML、CSS、PHP 和 JavaScript(可选)有基本的了解,才能了解需要进行哪些更改。可以在WordPress 主题手册中阅读更多相关信息。
  2. 选择具有所需网站设计和功能的父主题。如果可能,请找到一个只需进行少量更改的主题。
  3. 使用本地站点或实验站点进行主题开发。
  4. 很重要的一步,备份网站的数据。

有多种方法可以从现有主题创建子主题。一种是使用手动代码,另一种则需要插件,这对新手来说更加友好。

如果缺乏技术经验,第一种方法可能看起来令人生畏。也就是说,即使选择其中一种插件方法,我们建议阅读手动方法以熟悉该过程和所涉及的文件。

方法 1:使用插件创建子经典主题

最适合新手的一个方法,使用Child Theme Configurator插件。这个 WordPress 插件可以快速创建和自定义 WordPress 子主题,而无需使用代码,但它仅适用于经典(非块)主题。

先安装并激活 WordPress 插件。激活后,在 WordPress 仪表盘中导航至“工具”»“子主题” 。

在“父/子”选项卡中,系统会要求选择一个操作。只需选择“创建新子主题”即可开始。

图片[2]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

然后,从下拉菜单中选择一个父主题。我们选择Hestia主题。

之后,只需单击“分析”按钮即可确保该主题适合用作父主题。

图片[3]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,系统会要求命名将保存子主题的文件夹。可以使用任何自定义的文件夹名称。

下面,需要选择保存新样式的位置:在主样式表中还是在单独的样式表中。

主样式表是子主题自带的默认样式表。将新的自定义样式保存到此文件时,将直接修改子主题的主样式。每次修改都会覆盖原始主题的样式。

单独的选项可以将新的自定义样式保存到单独的样式表文件中。如果想保留原始主题的样式而不覆盖它,这很有用。

为了演示目的,我们将选择第一个选项。但是,随着对子主题自定义的创意越来越丰富,可以随时重复此过程并选择第二个选项。

图片[4]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

向下移动,必须选择如何访问父主题的样式表。

我们采用默认的“使用 WordPress 样式队列”,因为它将让插件自动确定适当的操作。

图片[5]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

当进入第 7 步时,需要单击标有“单击以编辑子主题属性”的按钮。

然后可以填写子主题的详细信息。

图片[6]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

当手动创建子主题时,会丢失父主题的菜单和小部件。子主题配置器可以将它们从父主题复制到子主题。如果想这样操作,请选中步骤 8 中的复选框。

最后,单击“创建新子主题”按钮来创建新子主题。

图片[7]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

该插件会为子主题创建一个文件夹,并添加稍后用于自定义主题的 style.css 和 functions.php 文件。

在激活主题之前,应该单击屏幕顶部附近的链接进行预览,看起来不错并且不会引发网站的其它问题。

图片[8]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如果一切正常,单击“激活并发布”按钮。

现在,子主题将上线。

在此阶段,子主题的外观和功能与父主题完全相同。

图片[9]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

方法 2:使用插件创建子块主题

如果使用块主题,那么 WordPress 提供了一种使用创建块主题插件创建子主题的简单方法。

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

在这里,只需选择“创建 [主题名称] 的子主题”。我们在这个例子中使用 Twenty Twenty-F​​our。

选择该选项后,填写主题的信息。

图片[10]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

下面,可以做更多的事情,例如上传主题的屏幕截图以区别于其他主题、添加图片来源、链接到必备的 WordPress 插件、添加主题标签等等。

完成配置设置后,只需一直向下滚动并点击“生成”按钮。

图片[11]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

该插件现在将创建并下载一个新的子主题 zip 文件到计算机。

如果打开它,你会看到三个文件:readme、style.css theme.json

theme.json 文件定义了块主题的各个方面,包括其颜色、字体、布局等。插件默认创建此文件,以便以后可以在子主题中覆盖或扩展父主题的样式。

在此阶段,接下来需要做的就是转到外观»主题

之后,点击“添加新主题”

图片[12]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,选择“上传主题”。

然后,选择 zip 文件并单击“立即安装”以安装 WordPress 主题。

图片[13]-如何创建 WordPress 子主题(新手指南)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
© 转载声明
本文作者:Harry
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容