首页 > Wordpress, 博客相关 > 再次小小的修改inove主题

再次小小的修改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进行了小小的修改,加上了圆角效果。感觉好点。




  1. 2011年1月5日18:15 | #1

    :razz: 恩,很亲切,很好!~

    [回复]

  2. 2010年11月14日14:57 | #2

    问题是 你把主标题和副标题去掉之后 在你的文章中也不显示 博客标题了 这样 用户怎么能记得住你的博客呢? 当然,我除外哈! :oops:

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    网站的title还在啊,看浏览器表情就知道。
    另外,我在header的图片上打了网站名称。一看就知道了嘛。 :mrgreen:

    [回复]

  3. 2010年11月14日14:52 | #3

    博主你好 我想知道 你这个嵌套回复是怎么弄的呢 比我那个好看 还有 你添加的这个表情 比较特殊 是在输入网址之后才会显示表情 而我以前弄的表情 是打开页面就显示了 影响速度 我就没弄了 你这个挺好的 能分享一下经验么?

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    嵌套评论我用的是wp thread comment插件。你可以试试。
    你说的打开网址才显示,是不是说网站的图片延时加载,如果是,可以参考此文:
    http://www.happyla.net/sc/wp-jquery-lazyload.html :smile:

    [回复]

  4. 2010年11月8日15:15 | #4

    经典的inove 我喜欢 我也在用的 天天折磨他 哈哈。。

    [回复]

    朵未 回复: Google Chrome 7.0.548.0 Google Chrome 7.0.548.0 Windows XP Windows XP

    额,如果有博客,就贴博客地址吧。呵呵。 :evil:

    [回复]

  5. 2010年11月8日14:40 | #5

    呵呵 我也在折腾inove。。。但是啥都不会。。

    [回复]

    朵未 回复: Google Chrome 7.0.548.0 Google Chrome 7.0.548.0 Windows XP Windows XP

    呵呵,慢慢来,看你的header搞的就蛮好看的嘛。

    [回复]

  6. 2010年10月30日15:09 | #6

    折腾得多了,就有折腾综合症了, :smile:

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    呵呵,现在比较少折腾了。不过今天小搞了下。 :smile:

    [回复]

    znoe 回复: Firefox 3.6.12 Firefox 3.6.12 Windows XP Windows XP

    测试

    [回复]

    znoe 回复: Firefox 3.6.12 Firefox 3.6.12 Windows XP Windows XP

    :mrgreen:

    [回复]

  7. 2010年8月2日22:03 | #7

    学习了,想知道字体的灰,蓝,褐是怎么实现的?

    [回复]

    朵未 回复: Google Chrome 6.0.453.1 Google Chrome 6.0.453.1 Windows XP Windows XP

    需要的话,改天有时间把代码发给你。这些天没空。 :smile:

    [回复]

  8. 2010年6月29日19:13 | #8

    我也准备用这个主题,不过还在测试修改当中,因为准备换到3.0,听说作者下周放出新版本,所以先等一等。
    另,建议将如下css的width改为百分比(如99%)比较好,这样可以自适应宽度,否则在嵌套评论时评论框会撑破上一级评论,比较难看
    #comment {
    width:601px; /*style.css 905行*/
    }

    [回复]

    朵未 回复: Firefox 3.6.4 Firefox 3.6.4 Windows XP Windows XP

    呵呵,多谢建议~~ :smile: 等新版本出来又要大大的修改了。

    [回复]

评论分页
1 2 3 1074
  1. 本文目前尚无任何 trackbacks 和 pingbacks.