Sky Bird

WordPress自带的default主题大家都再熟悉不过了。顶部那一块经典的蓝色，简洁又不失漂亮。我也一直很喜欢它，可惜它有一个致命缺 点，那就是首页和归档页的文章主体宽度太窄，当年用PJBLOG的时候我插入的图片宽度都为550px，如果换上default主题，那么就会有大量图片 “挤压”侧边栏。所以一直想找个宽屏版的WordPress默认主题，今天终于如愿以偿。

WordPress默认主题改为宽屏版，我觉得有必要记录一下，所以就写篇日志记录一下吧。

1，修改single.php文件，将侧边栏加入文章页
将第十行的

<div id="content" class="widecolumn" role="main">

修改为








<div id="content" class="narrowcolumn" role="main">





然后将最底部的





1
2
3











</div>
 
<?php get_footer(); ?>





改为




1
2
3



</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>




至此，文章页中已经出现了侧边栏。
2，修改CSS文件，将宽度变大

请按照下列过程依次修改style.css文件：

将 #headerimg中的width由740px改为940px；

将 #page中width由760px改为960px；

将 #header中width由758px改为958px；

将 .narrowcolumn和.widecolumn中的width由450px改为650px，这个操作直接让文章内容区域变宽；

将 #footer中的width由760px改为960px，这是在操作页尾；

将 #sidebar中的margin-left由545px改为745px，这一行是侧边栏距页面左边的距离，

因为全部都是改width，这里教大家一个方便的方法，直接搜索“width”，可以快速定位每个width，然后利用查找上一个（下一个）的功能，快速定位下一个width。
3，修改背景图片宽度

编辑wp-content\themes\default\images目录下，将

kubrickbg-ltr.jpg

kubrickbg- rtl.jpg

kubrickbgwide.jpg

kubrickfooter.jpg

kubrickheader.jpg

这5张图片的宽度由760 改为960。注意，不要修改其高度，如果你用PS修改，记得将“约束比例”前的勾去掉。
至此，WordPress默认主题已改为宽屏版。感谢明泉兄弟提供的方法。
如果你怕麻烦，也可以下载我修改好的主题，上传即可（只修改过宽度，其它未改动）。你也可以再发挥一下自己的创意，比如将字体改为微软雅黑等。

这篇文章发布于 2010年07月27日，星期二，1:30 上午，归类于 WordPress。 您可以跟踪这篇文章的评论通过 RSS 2.0 feed。 您可以留下评论，或者从您的站点trackback。