自Wordpress 3.0发布以来,Twenty Ten 这个主题就已经成为WordPress博客新建时默认自带的主题,虽然只是一个框架,但是其功能之强大早已广为人知,基于其可扩展性而衍生出来的子主题逐渐多起来。为什么要使用子主题呢?使用子主题的好处就是我们可以随意修改主题的外观而不会改变父主题Twenty Ten 的PHP和CSS文件结构,更可以为父主题添加更多的CSS样式和php功能。如果有一天Twenty Ten 要升级了,只管升级就是了,我们在子主题所做的一切设置都会完好保留下来,而且制作子主题也非常容易,最底限度只需要一个style.css样式表文件就可以了,当然,如果有必要,你也可以添加其它的php文件,如functions.php等等。下面就简单地介绍一下子主题制作的过程。
1.首先在Wordpress的wp-content/themes目录下新建一个style.css样式表文件,这个style.css其实就算是一个子主题了,我们來看一下它在Wordpress里的目录结构:
-
- wp-content
- themes (主题存放的目录)
- twentyten (父主題Twenty Ten 的目录)
- twentyten child theme (子主题存放的目录,随便取一个即可)
- style.css (子主题中唯一不可缺少的文件,而且必须命名为style.css)
- themes (主题存放的目录)
- wp-content
将下面的代码复制粘贴进style.css里面:
/*
Theme Name: Your Theme Name//子主题名称,可以自由确定
Description: Child theme for the Twenty Ten theme//对这个子主题的描述
Author: Your Name //作者名称,就是你自己了
Template: twentyten //
*/
@import url("../twentyten/style.css"); //这个是一定要有的
这个子主题里面的@import 规则必不可少,因为它要用来导入父主题Twenty Ten 的样式表style.css,否则子主题不会工作。添加完这些代码之后,你就可以再加入其它的CSS规则了,你所加入的新CSS规则会复写父主题Twenty Ten 默认的CSS规则,但并不会改变这个默认的CSS规则。其实,就算你不再添加任何东西,这个子主题也会象父主题一样正常工作。
如果你想要修改父主题Twenty Ten 的某些模板文件,你可以将它们复制到子主题的目录中(就是上面的那个twentyten child theme),WordPress 会优先调用这个目录下的模板文件而忽略默认的模板文件。你还可以在子主题中新建一个functions.php文件,但是这个php文件不象其它CSS或者php模板文件那样会重写相应的父主题默认模板文件规则,你往functions.php里面加入的新规则会在继承原来的functions.php功能基础上添加新的功能。
下面是我自己在子主题里面加入的一些CSS规则:
/*
Theme Name: Keleko
Description: Child theme for the Twenty Ten theme
Author: Greg Freeman
Template: twentyten
*/
@import url("../twentyten/style.css");
#branding img {
border-top-color: #1b80c3;//主题头部图像上边框颜色
}
#access {
background: #003f69;//菜单的背景颜色
}
#access li:hover > a {
background: #0b5e96;//菜单项在鼠标划过时的颜色
}
到此,一个最简单的Twenty Ten 子主题创建完成,接着下来可以启用这个子主题了。登录后台打开主题菜单会看到新建的名为twentyten child theme 的子主题,点击启用就OK了。
原文:keleko
Pingback 引用通告: Wordpress 默认主题Twentytwelve修改随笔 | 中国元素
Pingback 引用通告: 如何给Twenty Twelve主题头部添加一个搜索框 | 中国元素