当前位置:酷酷问答>百科问答>Wordpress 子主题(Child Themes)快速开发指南

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

2024-12-01 01:53:48 编辑:zane 浏览量:529

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

的有关信息介绍如下:

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

Wordpress是目前使用最为广泛的博客系统,使用PHP语言开发,可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站,功能强大、简单易用。其中使用主题功能更是可以让你快速建立起一个美观的网站,但也有其不足之处,就是主题一旦有更新,那么你所修改的个性化内容就会被覆盖。因此,引入子主题Child_Themes功能,可以起到以下主要作用:

1、父主题更新后,所做的个性化修改不受影响;

2、可以加快开发速度,也可以让你更进一步了解wordpress功能;

那我们一起来看看如何快速进行子主题的开发。

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

wordpress主题存放目录:

/wp-content/themes

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

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

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

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

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

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

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

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

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

/*

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 版本

*/

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

具体的修改内容根据实际情况进行修改,比如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样式之前才有作用。

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

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

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

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

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

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

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

1、新建子主题目录;

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

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

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

版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/answer/146774.html
热门文章