分类：笔记 / 时间：2019-08-26 / 访问次数：494 / 标签: import, WordPress默认主题, 子主题

wordpress主题：“ Twentytwelve”用了将近一年，喜欢它的简约。

折腾的也差不多了，唯独宽度改不了，一直没找到方法。

皇天不负有心人，通过子主题继承可以修改你想要修改的一切，这个方法太好用了。

掌握了子主题继承后，以后主题更新，就不用再重新修改以前改过的地方了，简单实用。

子主题继承：介绍在这里

前提：子主题继承必须有style.css,通过子主题覆盖父主题（其实父主题就不加载），然后用import指令实现继承替换父主题

步骤一：创建子主题目录

创建子主题文件夹twentytwelve-child, 拷贝父主题style.css到 wp-content/themes/ twentytwelve-child/

步骤二：修改父主题目录名

编辑style.css，删除所有内容用下面代码替换

/*
 Theme Name: Twenty Twelve Child
 Template:   twentytwelve
 Theme URI: http://wordpress.org/extend/themes/twentytwelve
 Author: Brad Thomas
 */
 
@import url("../twentytwelve/style.css");
#page { max-width:80%; }
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    width: 100%;
}
#respond{margin-left:0}

逐行简单解释：

• Theme Name. (必需) 子主题的名称。
• Theme URI. (可选) 子主题的主页。
• Author. (optional) 作者的名字。
• Template. (必需) 父主题的目录名，区别大小写。 注意： 当你更改子主题名字时，要先换成别的主题。

注意 @import 规则

需要注意的是，@import规则之前没有其他的CSS样式规则，如果你将其他的规则置于它之上，那么它将无效，并且父主题的样式表不会被导入