将WordPress默认蓝色主题改为宽屏版

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

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

1,修改single.php文件,将侧边栏加入文章页
将第十行的[code lang=”php”]

修改为[code lang=”php”]

然后将最底部的[code lang=”php”]

改为[code lang=”php”]


至此,文章页中已经出现了侧边栏。

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默认主题已改为宽屏版。感谢明泉兄弟提供的方法

如果你怕麻烦,也可以下载我修改好的主题,上传即可(只修改过宽度,其它未改动)。你也可以再发挥一下自己的创意,比如将字体改为微软雅黑等。

20 thoughts on “将WordPress默认蓝色主题改为宽屏版

  1. 嘿嘿不错,一直觉得默认的主题很好,很多wp的功能都用上了

  2. 下载了,准备以后将我的bo-blog转换成WP时再用。

    1. 趁你现在文章还不多,建议早点换,回为换过来有很多问题待处理,比如文章摘要、图片链接等等。

  3. 我按照网上的教程转了几次都失败了,真不知道该怎么办?

    1. 如果真的转不了,那么就花点时间一篇一篇地复制吧,69篇文章要不了几个小时的。

    1. 什么叫“博客制成模板”??我现在使用的模板,上面不是提供的有下载地址么?

发表评论

您的电子邮箱地址不会被公开。