wordpress 通过子主题继承修改默认主题宽度

wordpress 默认主题Twenty Eleven很不错,而且是官方默认的所以就用它了,但是主题宽度太窄感觉很不爽,可以通过创建子主题解决问题,子主题完全继承父主题,所以只需要做增量修改就可以了。创建子主题的详细文档官方网站上有我就不罗嗦了,下面直接写步骤。style.css是必须的文件而且有严格的格式,子主题css会完全覆盖父主题的css(父主题的css文件根本不会载入),但是可已通过import指令实现继承,模板文件和css一样也是完全替换父主题。

进入wordpress安装目录,创建 wp-content/themes/twentyeleven-child/ 目录,拷贝 wp-content/themes/twentyeleven/style.css 和 wp-content/themes/twentyeleven/footer.php (页面底部模板)到 wp-content/themes/twentyeleven-child/ 目录下。编辑style.css

/*
 Theme Name: Twenty Eleven Child
 Template:   twentyeleven
 Theme URI: http://wordpress.org/extend/themes/twentyeleven
 Author: Brad Thomas
 (省略的内容......)
 */

@import url("../twentyeleven/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一个是Template(如果没有就手动添加一个),Template就是wp-content/themes/ 目录下父主题的目录名,注释完了空一行否则可能出错,然后下面的所有内容删除用上面的代码替换,#page 是外围宽度,那些class样式是文章详情页各部分的宽度,#respond是评论模块,具体想修改什么样式用Firebug或Chrome的开发人员工具查看一下就可以了。页面底部的一些默认信息通过修改 wp-content/themes/twentyeleven-child/footer.php 就可以了。如果是linux服务器别忘了修改目录和文件权限,做完之后后台启用Twenty Eleven Child这个主题就可以了。

官方关于子主题的介绍在这里

发表评论

电子邮件地址不会被公开。

*