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样式规则,如果你将其他的规则置于它之上,那么它将无效,并且父主题的样式表不会被导入

发表评论

电子邮件地址不会被公开。 必填项已用*标注