一叶Since 2011
Geek人生 ·2012 年 06 月 27 日

使用Wordpress子主题功能

2176 字 /约 6 分钟

Wordpress 3.4发布的时候,同时默认主题Twenty Ten也更新了,一直想更新,因为上一次的主题被我修改了fuctions.php之后就在IE浏览器下显示乱排了,估计还是有编码之类的问题,今天修改主题的时候也碰到了这样的情况,用Notepad++修改WP主题时忘记把编辑模式切换到UTF-8编码,结果网站出现了大量的乱码。。考完之后终于有了时间,干脆整个网站备份,然后直接把主题升级了,再对比原来的主题修改新主题,不同的是,这次没有直接基于原主题文件修改,而是用了WP的子主题功能,这样的话,以后主题升级就不用再修改样式表了。

相关教程:Wordpress子主题使用官方文档

    升级了主题之后,终于在IE下显示正常了,所以这次也不敢再直接汉化fuctions.php了,官方主题上又还有很多地方没有汉化好,也只好就那样放着了,希望wordpress以后能够对主题改进一下,汉化工作完善一点吧。把自己的子主题样式表放出来看一下,本站的样式就是这么实现的。个人比较喜欢顶部图片和背景图片的绿色,但是这也导致网页偏大,加载速度有点慢,以后看腻了再考虑撤掉图片,打造纯CSS的主题,WP3.4的一个重要更新就是可以对主题做一些自定义的修改,这让我想起了discuzx的DIY功能,还不错,虽然我用不上。

本站子主题样式表:

/*
Theme Name:     Twenty Ten Child
Theme URI:      http: //zhangzhao.me/
Description:    Child theme for the Twenty Ten theme 
Author:         Yiye
Author URI:     http: //zhangzhao.me/about/
Template:       twentyten
Version:        0.1.0
*/

@import url("../twentyten/style.css");

/*----------------------------------------Header---------------------------------------*/
#header {
	padding:4px 0 0 0;
}
#site-title {
	font-size:14px;
	margin:0 0 4px 0;
}
#access,
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	width:980px;
}
#branding img {
	width:980px;
}

/*------------------------------------------Content---------------------------------*/
#main {
	font-family:"Microsoft Yahei",Tahoma;
}
#container {
	float: left;
	margin: 0 -270px 0 0;
	width: 100%;
}
#content {
	margin: 0 280px 0 20px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 14px;
	font-family:Microsoft Yahei;
	line-height: 1.8em;
	letter-spacing:0.1em;
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
border-top:2px solid #DDD;
padding-top:10px
}
#content p {
margin-bottom:18px;
}
a img {
	margin:1px;
}

/*------------------------------------------Widget Area-------------------------------*/
.widget-area {
	border-left:1px solid #DDD;
	padding-left:10px;
}
#primary,
#secondary {
	width:250px;
}

/*-------------------------------------------Footer-----------------------------------------------*/
#site-info,
site-info a {
font-size:12px;
font-weight:normal;
}

    如果有和我一样使用官方主题或者那些频繁更新主题的朋友,最好使用子主题功能,这样可以免去每次更新之后的大规模调整。主题的更新也可以让我们享受到最新的功能,同时对网站的外观没有太大的影响,何乐而不为呢。

评论

用 GitHub 账号登录后即可留言
WordPress 时期的旧留言(6 条)

以下为 2011–2025 年 WordPress 时期的留言存档,原样保留,不再接受新留言。

网站运营推广
一叶,你好,子主题的funcitons.php文件怎么写呢?我复制父主题的后就出错。删除了倒是正常的。
一叶
functions.php不是覆盖,而是加入,所以如果你不需要新功能的话,自主题里面根本不需要放functions.php,如果需要插入新功能的话,直接建一个空白的添加进去就行,复制父主题里面的意味着重复了,肯定会出错的
wang3feng
子主题是个不错的功能啊。
一叶
是啊,比其他程序的主题机制要好
wang3feng
唯一的缺点就是一些复杂的主题,比如说文件之间有很多include关系的,用子主题不太适合。
一叶
有些东西是必须改动原主题的,没办法,毕竟子主题功能刚出来不久,以后会愈发完善吧