个人网络日志

主题折腾记（二）

作者：

hisway

在

,

      这次修改主题主要有两个地方，但是对访客的友好程度却是大大的提高了，尤其是能增加访客评论的动力。您觉得呢？

一：添加评论框背景图：

到主题样式表style.css里根据评论框ID搜索#comment，发现原来定义评论框的样式为：

 #comment {width:601px;}

通过以下修改来给评论框添加上背景图片，图片为img文件夹下comment-bg.gif，图片不易过大。

 #comment {

width:601px;background-image:url(img/comment-bg.gif);background-repeat:no-repeat;background-position:right bottom;

}

二：添加侧边栏读者墙

      这个费了我不少时间，之前只是在主题的sidebar.php文件里添加了读者墙代码，但查看效果后发现是垂直显示的，自然是没有设置侧边栏读者墙的CSS的缘故，弄了好久都不满意，最后还是在快乐啦的基础上修改的CSS.

在sidebar.php里适当位置添加如下代码：



活跃朋友


    
 get_results("SELECT COUNT(comment_author) AS cnt, comment_author, comment_author_url, comment_author_email FROM (SELECT * FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->posts.ID=$wpdb->comments.comment_post_ID) WHERE comment_date > date_sub( NOW(), INTERVAL 1 MONTH ) AND user_id='0' AND comment_author != 'hesiway' AND post_password='' AND comment_approved='1' AND comment_type='') AS tempcmt GROUP BY comment_author ORDER BY cnt DESC LIMIT 16");
 foreach ($counts as $count) {
 $c_url = $count->comment_author_url;
 if ($c_url == '') $c_url = 'http://www.hesiway.info/';
 $mostactive .= '
	
  • ' . '' . get_avatar($count->comment_author_email, 30) . '

';
 }
 echo $mostactive;
 ?>
    •

 在主题的style.css里面添加如下：

#sidebar .widget .ffox_most_active li { 
 list-style:none; 
 float:left; 
 border:none; 
 padding-left:0; 
 width:33px; 
 background:none; 
 } 

 #sidebar .widget .ffox_most_active img.avatar { 
 width:30px; 
 height:30px; 
 border:1px solid #ddd;padding:2px;margin:0 1px 0 0; 
 }

如果您的主题也是inove，而且需要同样的改动，那么就直接拷贝一份吧~

相关系列：主题更换记（一）

评论

《 “主题折腾记（二）” 》 有 39 条评论

  1. 小松 的头像
    小松

    这个RSS让我抢到了沙发，哈哈~真好~

    1. hesiway 的头像
      hesiway

      @小松, 这么快，我先发了文章，再来改主题，正把本地的传上去~

  2. 发型 的头像
    发型

    :嘻: 不错看看了！！

    1. hesiway 的头像
      hesiway

      @发型, 恩~

  3. 岸边 的头像
    岸边

    我也去试试弄个读者墙

    1. hesiway 的头像
      hesiway

      @岸边, :嘻: 页面的还是侧边栏啊~

  4. 园子 的头像
    园子

    读者墙不错
    呵呵。

    1. hesiway 的头像
      hesiway

      @园子, 增强读者互动~

  5. freetstar 的头像
    freetstar

    喜欢淡绿色的主题，侧边栏也挺好看的 :强:

    1. hesiway 的头像
      hesiway

      @freetstar, 我也是越来越喜欢它了~

  6. P.H 的头像
    P.H

    发现读者墙因为要在gravatar上读取ico，所以有点影响加载速度… 放在首页不太好~ :偷笑:

    1. hesiway 的头像
      hesiway

      @P.H, 我也发现了，不过我之前有弄缓存版的，待我把他去调用过来~

  7. su 的头像
    su

    也新换了个主题 就是折腾自己啊 :微笑:

    1. hesiway 的头像
      hesiway

      @su, 恩~折腾也是个学习的过程~

  8. only博客 的头像
    only博客

    最近我也在折腾主题
    哈哈
    支持博主 :嘻:

    1. hesiway 的头像
      hesiway

      @only博客, 恩恩，边折腾边学习~

  9. 私爱 的头像
    私爱

    谢谢分享啊

    1. hesiway 的头像
      hesiway

      @私爱, :微笑:

  10. Zk 的头像
    Zk

    好复杂的说···

    1. hesiway 的头像
      hesiway

      @Zk, 代码多了，显示效果不好~ :微笑:

      1. Zk 的头像
        Zk

        @hesiway, 要用的还是得加上~ :强:

  11. 搜搜 的头像
    搜搜

    比较能折腾

    1. hesiway 的头像
      hesiway

      @搜搜, 折腾才能成才~ :微笑:

  12. 闲云野鹤 的头像
    闲云野鹤

    呵呵,你也折腾了!不过,你得用一个好点的显示代码插件,不然…

    1. hesiway 的头像
      hesiway

      @闲云野鹤, 哈哈，我也发现了，所以今天就在折腾这个，现在已经弄好了，等我发一篇博文~

  13. 包子 的头像
    包子

    悲剧了……我的博客的背景图片好像不显示了，我也懒得改了……

    1. hesiway 的头像
      hesiway

      @包子, 这个，有查啥原因么~无缘无故的……

  14. 电子商务 的头像
    电子商务

    看多了 其实都差不多了
    说真的

    1. hesiway 的头像
      hesiway

      @电子商务, 主题还是评论？

  15. 灵亦 的头像
    灵亦

    老是有我
    天苍苍野茫茫，大猪小猪落玉盘

    1. hesiway 的头像
      hesiway

      @灵亦, 估计已经很难找不到你的~

  16. fly3q 的头像
    fly3q

    很喜欢折腾的呀

    1. hesiway 的头像
      hesiway

      @fly3q, :嘻: 折腾完了睡觉咯~

  17. 阿邙 的头像
    阿邙

    很好 支持折腾 继续哈哈

    1. hesiway 的头像
      hesiway

      @阿邙, 恩~ :嘻:

  18. 有点蓝 的头像
    有点蓝

    哇，老兄，你可比我能折腾而且会折腾啊 :嘻:
    看来这个站点以后要常来了，偷师学艺哈

    1. hesiway 的头像
      hesiway

      @有点蓝, 哈哈~欢迎啊，互相学习嘛~

  19. 三脚猫 的头像
    三脚猫

    主题折腾真是欲休还·······

    1. hesiway 的头像
      hesiway

      @三脚猫, 恩恩~，我又想出几个地方要修改了~一起整了~

更多文章