code人生 / 生活随笔 · 2012 年 6 月 27 日 6

使用Wordpress子主题功能

    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;
}

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

6
0
希望看到您的想法,请您发表评论x