Wordpress主题iNove宽度980px修改方案
iNove是款不错的WordPress主题,样式简单大方,后台选项实用,今天FunKey介绍下将iNove主题宽度修改为980px的方法。iNove主题默认的宽度是936px,而浏览器近几年做的一个比一个宽,iNove默认的宽度就显得有点小气了,并且通过统计代码了解到,访问发现空间的朋友,电脑分辨率最低的都是1280×800,将主题宽度拓展成980px是可行的。不但能充分利用空间,给人的感觉也大方了许多。不多废话,下面开始修改说明。
将iNove主题宽度调整为980px需要修改主题目录中的 style.css 文件和几个相关的图片,如果您喜欢自己动手,请往下看,如果您不想自己动手,文末FunKey已经提供了修改好的 style.css 和图片文件,下载安装即可。
需要修改的地方有5个。建议使用Nptepad++进行脚本文件的修改。
1.将主体宽度增加至980px,打开 style.css ,找到
#container {
margin:0 auto;
width:936px;
}
黑体部分更改为:
#container {
margin:0 auto;
width:980px;
}
2.修改首页左侧部分的宽度
#main {
background:#FFF url(img/main_shadow.gif) top repeat-x;
width:605px;
padding:13px 15px 15px;
float:left;
overflow:hidden;
}
黑体部分更改为:
#main {
background:#FFF url(img/main_shadow.gif) top repeat-x;
width:649px;
padding:13px 15px 15px;
float:left;
overflow:hidden;
}
3.修改评论内容的宽度
.comment .info {
background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat;
float:left;
padding:10px 15px 0;
width:494px;
}
黑体部分更改为:
.comment .info {
background:#EDEFF0 url(img/comment.gif) 0 0 no-repeat;
float:left;
padding:10px 15px 0;
width:538px;
}
4.修改评论框的宽度
#comment {
width:601px;
}
黑体部分更改为:
#comment {
width:645px;
}
5.修改日志图片限制宽度。
.post .content img {
max-width:600px;
}
黑体部分更改为:
.post .content img {
max-width:644px;
}
最后,修改对应的图片大小。
修改header.jpg和footer.jpg宽度为980px;
修改light.gif宽度为1192px;
修改box.gif宽度为1298px;
修改postbox.gif宽度为1244px;
修改messagebox.gif宽度为649px;
修改comment.gif宽度正确的应该为1136px。
至此,修改iNove主题宽度为980px的方法就结束了,启用后赶紧去看看效果吧,是不是比原来宽了很多,在现在的宽屏幕上也大气了不少~FunKey已经换上啦~♂( ̄▽ ̄)/
修改好的懒人包(地址修正):点击进入下载页(PS:并非官方修改,使用中可能存在问题,请注意。)
备用下载地址:点击进入下载
说明:懒人包中包含修改好的 style.css 一个(980px),图片8张(一张预览图),请自行下载iNove原版,之后将懒人包中的文件拷贝进去,上传到自己博客的主题目录中,在管理后台就能看到了。





@墙角的小猫
外观——当前主题选项——公告栏~
前提是同样的主图~
当然,找到相应位置修改源代码也可以~
问一下,博客标题下面那个“声明”是怎么写出来的啊??谢谢~
兄弟给面子,经常关注喔~
980px的宽度似乎能很好适应Adsense了
呵呵,谢谢博主啦
教程这么详细的,我的也已经修改成功了,感觉挺完美的!
新手请教,1.如何将分类目录层次化显示,2.如何批量设置图片的显示格式,比如小于页面宽带自动为原来格式,大于页面宽度的缩小为自动适配页面?谢谢!
@FunKey
已经生效,谢谢,再改下图片,改成1000的,O(∩_∩)O~
@chslindy 清空缓存再刷新~
下载上传使用了,可是还是原来的宽度是怎么回事?
chslindy.com
@Lord
举双手赞成!
友情提示下,修改style.css中的主题名称,并修改主题文件夹名称,就可与原版inove共存。
呵呵 我用的也是inove主题,改成宽屏的确实要好一些~~
我的第一个稳定主题就是inove,不过现在早已经换了无数个了,囧
@FunKey
是啊,可是打开下载页后无论选电信还是网通都是“找不到共享资源”的提示,迅雷专用链也是404
@Indeed
可以下载,左键点击之~
还有懒人包下载不了啊!使用SkyDrive来外链吧!
看来您的修改相当成功,我的就不一样,上次一改就改得不像样了,只好把主题重新下载一遍……杯具啊……