关于主题子主题创建教程

子主题有两种创建方式，一种是手动创建一种是插件。

插件可以使用 Child Theme Wizard

我演示的是本站的导航站子主题创建：

子主题的作用

很多时候我们需要修改主题的一些style.css之类的文件，或者在functions.php文件加一些功能代码。我们修改后，如果后期主题更新会将我们修改的文件同时更新掉。

子主题的功能就是能够保持主题正常更新的情况下，保留我们修改的功能可以正常使用。

教程示例

以本站当前主题为例。

修改了：默认文章页面内容宽度、默认文章标题字体大小、底部footer距离文章主体内容的距离。

添加了：评论移除网址表单、百度快速收录 API 提交代码

这些修改在主题的style.cc和functions.php文件中。下面我就开始创建一个子主题。

原主题名字：onenav
原主题目录名：onenav

子主题名字：onenav Child
子主题目录名：onnav-child-harry

创建子主题目录

我们需要先在WordPress的主题目录wp-content/themes内创建一个子主题的目录。该目录名设为onnav-child-harry这样比较容易区分原主题和子主题目录关系。你给子主题目录改成其他的也没关系。

子主题必须包含一些文件：

style.css (必需)

functions.php (可选)

Template files (可选)

Other files (可选)

这里我们只需要在子主题目录里创建style.css和functions.php这两个即可。

创建子主题style.css文件
子主题的style.css有着固定的要求。必须包含以下头部信息：

/*

Theme Name: 子主题名字（随便写）

Theme URI: 子主题URL（随便写）

Description: 子主题的描述（随便写）

Author: 主题作者名字（随便写）

Author URI: 主题作者URL（随便写）

Template: 原主题目录名（必须准确）

Version: 版本（随便写）

*/

本站子主题的头部文件代码如下：

/*
Theme Name: 996导航二次开发样式
Theme URI: https://996dh.cn
Description: onenav的子主题，适配V3.1119
Author: 技术宅
Textdomain: mccollin
Author URI: https://996dh.cn/
Template: onenav
Version: V3.1129 – v1.0.0 版本号
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

然后将我在原主题修改的代码复制进去。

建子主题functions.php文件

functions.php文件比较简单，我们只需要在文件内加上php起始标签，然后标签内放入我们添加的代码即可。

注意事项：

style.css

子主题的style.css文件内代码和原主题是覆盖关系。一段代码我们修改后放入子主题，在我们访问网页时它会自动重写原主题style.css文件代码。

functions.php

如果你在原主题内添加了一段代码，然后创建子主题后直接将这段代码剪切到子主题文件内。不要再原主题继续保留代码。否则可能会报错。

这里子主题代码和原主题仅是子主题代码执行优先，原主题的代码会在子主题之后继续执行。子主题在父主题文件加载之前先载入。