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样式规则,如果你将其他的规则置于它之上,那么它将无效,并且父主题的样式表不会被导入
很是喜欢这个主题。
宽度可以修改的,在style.css的第1538行.site,把max-width这个数值进行修改就行了,博主试试,这个主题我也很喜欢。
真的有心啦,谢谢你!尝试一下!