Wordpress 子主题(Child Themes)快速开发指南

2025-10-14 13:46:39

1、首先,在wordpress主题存放目录下新建以父主题名开始+”-child“结尾的子主题目录。

wordpress主题存放目录:

/wp-content/themes

Wordpress 子主题(Child Themes)快速开发指南

2、以目前我所使用的主题名”sparkling”为例,在同目录下新建子主题目录 “sparkling-child”。

注:操作工具可以自行选择,我这是使用的是FileZilla FTP工具。

Wordpress 子主题(Child Themes)快速开发指南

Wordpress 子主题(Child Themes)快速开发指南

Wordpress 子主题(Child Themes)快速开发指南

3、完成目录的新建后,开始进行子主题所需文件的新建。

在子主题目录下新建一个style样式文件,这也是子主题唯一需要的文件。

注:此时,可以先从父主题下把原来的style.css文件复制过来。

打开notepadd,连接ftp后,找到sparkling下的style.css文件,打开。

Wordpress 子主题(Child Themes)快速开发指南

4、点击新建的子主题目录,点击右键,选择“create new file”,创建一个新文件。

创建完成后,双击打开创建的css样式文件,复制父主题的css样式文件过来即可。

Wordpress 子主题(Child Themes)快速开发指南

Wordpress 子主题(Child Themes)快速开发指南

5、复制完成后,开始进行子主题样式文件的修改。先修改样式文件的头部文件信息:

/* 

Theme Name:     Twenty Twelve Child  主题名称

Theme URI:      http://网址                     主题url

Description:    Child theme for the Twenty Twelve theme   描述

Author:         Your name hereAuthor    作者

URI:     http://网址                                  作者url

Template:       twentytwelve                  模板

Version:        0.1.0                                  版本

*/

以上是官方文件给出的头部修改参考,我们复制到子主题样式文件中去进行修改。

Wordpress 子主题(Child Themes)快速开发指南

6、具体的修改内容根据实际情况进行修改,比如Theme URI和URL,填写自已的网站就可以;修改后的内容如下,供参考:

Theme Name:     Sparkling child

Theme URI:      http://你的网址.com

Description:    Child theme for the Sparkling

Author:         Vince Jiang

Author URI:     http://你的网址.com

Template:       sparkling

Version:        0.1.0

如果你想集成父主题的相关样式,可以在开始的位置引入父主题的样式文件;

@import url("../Sparkling/style.css");

以上引入必须放在其他css样式之前才有作用。

Wordpress 子主题(Child Themes)快速开发指南

7、此时,我们把原父主题的样式文件删除,新写一个样式。

Wordpress 子主题(Child Themes)快速开发指南

8、写完后,我们要再去进行子主题的激活操作,具体位置在:

外观--主题,你会看到你新建的子主题,进行激活。

如果提示“缺失父级主题。请安装“Sparkling”父级主题”,是因为子主题头部信息中的Template写的父主题名称不对。

注:这里一定要注意大小写,否则识别不到。

Wordpress 子主题(Child Themes)快速开发指南

Wordpress 子主题(Child Themes)快速开发指南

9、此时,激活子主题就可以了,点击“启用”按钮完成操作。

Wordpress 子主题(Child Themes)快速开发指南

10、那么做简单的开发子主题的主要步骤有:

1、新建子主题目录;

2、新建子主题样式文件;

3、编写子主题样式文件头部信息及具体个性化样式;

3、在wordpress后台启用子主题;

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢