关于主题子主题创建教程

windows1年前 (2022)更新 996站长
23 0 0

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

插件可以使用 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

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

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

关于主题子主题创建教程

© 版权声明

相关文章

暂无评论

暂无评论...
一键登录开启个人书签等功能!