再次小小的修改inove主题
大概是视觉有些疲劳了,这两天突然冒出更换主题的想法。但想到每更换一次,又得折腾一番,就算了。再说这个inove主题用的感觉挺不错,干脆再看看有什么好修改的。于是,今天下午开始慢腾腾的搞了一番。没啥成果,小小的修改些比较细节的东西。
首先,把inove主题的底部(footer)本地化。考虑到inove主题的footer.php调用了不少的php函数,所以我直接用html代码替换了。底部的博客名称、年度及主题作者链接等统统改了。出于对主题作者的尊重,我没有删除任何作者方面的信息。所以表面上和原来一样。我把<!– footer START –>和<!– footer END –>直接长长的一段替换成如下的:
<div id="footer"> <a id="gotop" href="#" onclick="MGJS.goTop();return false;"><?php _e('Top', 'inove'); ?></a> <a id="powered" href="http://wordpress.org/" target="_blank">WordPress</a> <div id="copyright"> Copyright © 2009–2010 <a href="http://www.happyla.net">快乐啦-Happyla</a> <BR> 主题由 <a href="http://www.neoease.com/" target="_blank">NeoEase</a> 提供, 通过 <a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML 1.1</a> 和 <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3" target="_blank">CSS 3</a> 验证. </div> </div>
自己按照需要另外加了几个链接及统计。不知道代码有没有出错,浏览倒是看不出错误。
其次,我对博客顶部做了小小的修改。把上边距修改为5px,参考的是自由人的对inove主题的修改。把CSS里面#wrap修改为下面的。因为我之前压根不知道该如何调整。
#wrap { background:url(img/light.gif) center top no-repeat; padding:5px 0; }
一直来看自己博客的标题有点别扭,这次我干脆把它去了。刚开始傻傻的在style.css把与顶部标题有关的css注释了。发现无效。后来在inove主题的templates文件夹里发现了一个header.php文件,用DW打开后看到相关的语句,我把它删除了。果然ok了。即如下几句:
<div id="caption"> <h1 id="title"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1> <div id="tagline"><?php bloginfo('description'); ?></div> </div>
去掉顶部标题,发现banner有点空空的感觉,于是想到该搞下banner图片了,无奈自己水平太差,用PS搞了半天没自己满意的,后来又换FW,直接手工写了几个字,将就着用用吧。图片被我搞的很粗糙,有点丑,凑合凑合吧。琢磨着以后要学学PS或FW了。
后来想到小松曾经反映文字字体太小,看的很费劲,我把字体调为13px了。考虑到调14会影响到美观,所以取中间值了。自己看看,好了点。
特此记录下。以后如果折腾别的主题也多少有点经验啦。
5月9日:采纳Ray Chow童鞋的建议,把字体重新改回12px,新加了一个调整字体功能。采用的是左岸阅读《增加WordPress文章字体大小的选择》一文的方法。想改的朋友可以去看看。
5月14日:还是想继续用这个主题,所以再试着修改修改。字体12px太小,不利于阅读,虽然有调整字体功能但体验不够好。后来调整为14px,感觉太多,于是改为12pt。稍稍好些。下午对banner进行了小小的修改,加上了圆角效果。感觉好点。
恩,很亲切,很好!~
[回复]
问题是 你把主标题和副标题去掉之后 在你的文章中也不显示 博客标题了 这样 用户怎么能记得住你的博客呢? 当然,我除外哈!
[回复]
朵未 回复: Maxthon 3.0 Windows XP
11月 14th, 2010 at 6:17 下午
网站的title还在啊,看浏览器表情就知道。
另外,我在header的图片上打了网站名称。一看就知道了嘛。
[回复]
博主你好 我想知道 你这个嵌套回复是怎么弄的呢 比我那个好看 还有 你添加的这个表情 比较特殊 是在输入网址之后才会显示表情 而我以前弄的表情 是打开页面就显示了 影响速度 我就没弄了 你这个挺好的 能分享一下经验么?
[回复]
朵未 回复: Maxthon 3.0 Windows XP
11月 14th, 2010 at 6:16 下午
嵌套评论我用的是wp thread comment插件。你可以试试。
你说的打开网址才显示,是不是说网站的图片延时加载,如果是,可以参考此文:
http://www.happyla.net/sc/wp-jquery-lazyload.html
[回复]
经典的inove 我喜欢 我也在用的 天天折磨他 哈哈。。
[回复]
朵未 回复: Google Chrome 7.0.548.0 Windows XP
11月 8th, 2010 at 5:02 下午
额,如果有博客,就贴博客地址吧。呵呵。
[回复]
呵呵 我也在折腾inove。。。但是啥都不会。。
[回复]
朵未 回复: Google Chrome 7.0.548.0 Windows XP
11月 8th, 2010 at 5:01 下午
呵呵,慢慢来,看你的header搞的就蛮好看的嘛。
[回复]
折腾得多了,就有折腾综合症了,
[回复]
朵未 回复: Maxthon 3.0 Windows XP
10月 30th, 2010 at 6:15 下午
呵呵,现在比较少折腾了。不过今天小搞了下。
[回复]
znoe 回复: Firefox 3.6.12 Windows XP
12月 9th, 2010 at 4:16 下午
测试
[回复]
znoe 回复: Firefox 3.6.12 Windows XP
12月 9th, 2010 at 4:16 下午
[回复]
学习了,想知道字体的灰,蓝,褐是怎么实现的?
[回复]
朵未 回复: Google Chrome 6.0.453.1 Windows XP
8月 15th, 2010 at 2:07 下午
需要的话,改天有时间把代码发给你。这些天没空。
[回复]
我也准备用这个主题,不过还在测试修改当中,因为准备换到3.0,听说作者下周放出新版本,所以先等一等。
另,建议将如下css的width改为百分比(如99%)比较好,这样可以自适应宽度,否则在嵌套评论时评论框会撑破上一级评论,比较难看
#comment {
width:601px; /*style.css 905行*/
}
[回复]
朵未 回复: Firefox 3.6.4 Windows XP
6月 29th, 2010 at 9:52 下午
呵呵,多谢建议~~ 等新版本出来又要大大的修改了。
[回复]