所有WordPress主题都包含一个名为style.css的样式表。它不仅包含主题所需的主要CSS样式代码，还有在其文件顶部的注释中的：主题的元数据信息。

拖动主题到 Sublime Text 编辑器

由于我们将会全面的讲解主题的模板层次结构，所以，把主题文件夹拖入到了 文本编辑器 Sublime Text 中会极大的方便代码操作。

然后，在 Sublime Text 的文件列表中找到并打开style.css文件。

[mem]

[/mem]

所有WordPress主题都需要有一个style.css文件。主要的原因是因为它必须包含关于主题本身的元信息。

比如说，在这个文件的顶部的注释，它提供有关主题的信息，例如主题是谁创建，主题的版本和描述等等。

/*
Theme Name: Template Hierarchy /***主题名称***/
Author: MrBang /***主题作者***/
Description: Example theme for working with template hierarchy/***主题描述***/
Version: 1.0/***主题版本***/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

子主题的Style.css

什么是子主题

WordPress子主题也是一个主题，它继承了另一个主题——父主题——的功能，并允许你对父主题的功能进行修改，或者添加新功能。

什么是Style.css

这是WordPress关于子主题的style.css的介绍：

点我跳转

style.css是一个子主题唯一必须的文件。它的头部提供的信息让WordPress辨认出子主题，并且重写父主题中的style.css文件。

对于任何WordPress主题，头部信息必须位于文件的顶端，唯一的区别就是子主题中的Template:行是必须的，因为它让WordPress知道子主题的父主题是什么。

下面是一个style.css文件的头部信息的示例：

/*
Theme Name:     Twenty Ten Child
Theme URI:      http: //example.com/
Description:    Child theme for the Twenty Ten theme 
Author:         Your name here
Author URI:     http: //example.com/about/
Template:       twentyten
Version:        0.1.0
*/

逐行的简单解释：

• Theme Name. (必需) 子主题的名称。
• Theme URI. (可选) 子主题的主页。
• Description. (可选) 子主题的描述。比如：我的第一个子主题，真棒！
• Author URI. (可选) 作者主页。
• Author. (optional) 作者的名字。
• Template. (必需) 父主题的目录名，区别大小写。 注意： 当你更改子主题名字时，要先换成别的主题。
• Version. (可选) 子主题的版本。比如：0.1，1.0，等。

如何添加子主题的Style.css

如果你想创建子主题，那么这个CSS文件同样也需要在顶部放置关于这个子主题对应的父主题的信息。

所以，如果你想简单的为主题添加一个父主题，只需在注释中简单地复制Template这一行，并将其粘贴到我们的主题中。就像这样：

/*
Theme Name: Template Hierarchy 
Author: bangge
Description: Example theme for working with template hierarchy
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:       twentyten /***为主题声明父主题***/
*/

如果你正在创建一个子主题，那么你还需要从父主题中导入css样式。以便可以获得父主题的主要样式以及模板代码。

只需添加这行：

如果这里没有包括这一行，那么你可能有一个自己的子主题样式。但是，它不会从父主题导入，因此实际上就不会像父主题一样。它可能看起来像一个完全空白的主题。

引入外部css的方式方法

一般来说，@import通常是包含父主题CSS样式的最佳方法。

但是，如果不是从父主题包含的话，并且你想从外部或额外的CSS，最好的方法是通过functions.php文件引入。

这里先不讲解引入的代码。但是，我们会在主题实战开发课程中深入介绍如何从functions.php文件中链接到CSS和JavaScript。

删除示例代码

这一节的所有内容都是为了讲解子主题的概念，所以添加的示例代码都不需要保存。

转载请注明：虚坏叔叔 » WordPress模板层次05：style.css样式表