回调函数个性化 Wordpress 评论样式

标签： DIY , WordPress , 留言 | 作者：万戈 | 点击量3100次

　　在看本文中前，建议各位先在下面留言试试小站最新的评论样式。因为之前遵从 zww 的建议，我把每页评论数从10条调整到25条，这样可以方便喜欢往前翻阅评论的访客，不过这样一来，就不可避免地拉长了每页显示的高度，这可就要累坏了各位的滚轮鼠标，出于人性化的考虑，我今天修改了一下 Wordpress 评论样式，缩短了每条评论所占的高度，所以现在看起来评论格式就紧凑多了。下面简单记录一下修改过程中的要点。

　　我们都知道，Wordpress 2.7+的主题中被引入了 wp_list_comments 函数，可不要小看这一句函数啊，变化无穷哟。今天对评论样式的修改就是建立在 wp_list_comments 的 callback 回调函数上。

　　首先在 Wordpress 主题的 functions.php 中添加对评论样式定义的 mytheme_comment 函数，默认值如下：

function mytheme_comment($comment, $args, $depth) {
   $GLOBALS['comment'] = $comment; ?>
   <li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
     <div id="comment-<?php comment_ID(); ?>">
      <div class="comment-author vcard">
         <?php echo get_avatar($comment,$size='32',$default='<path_to_url>' ); ?>

         <?php printf(__('<cite class="fn">%s</cite> <span class="says">says:</span>'), get_comment_author_link()) ?>
      </div>
      <?php if ($comment->comment_approved == '0') : ?>
         <em><?php _e('Your comment is awaiting moderation.') ?></em>
         <br />
      <?php endif; ?>

      <div class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf(__('%1$s at %2$s'), get_comment_date(),  get_comment_time()) ?></a><?php edit_comment_link(__('(Edit)'),'  ','') ?></div>

      <?php comment_text() ?>

      <div class="reply">
         <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
      </div>
     </div>
<?php
        }

　　所谓的默认值，就是在不调用该函数时，Wordpress 评论就按照上面的函数显示，也就是我之前的评论样式。这就可以根据每个主题，不同的需要自行修改了，稍微懂一些 Html 的朋友就可以自己 DIY 一下，别被其中的 php 吓倒了，梳理清楚就会发现并不难。

　　然后在 Wordpress 主题的 comments.php 中用 callback 回调函数引入之前定义的 mytheme_comment 函数，方法如下：

<ul class="commentlist">
<?php wp_list_comments('type=comment&callback=mytheme_comment'); ?>
</ul>

　　最后再扩展一下关于 callback 回调的用法，如果你的主题已经引入了 mytheme_comment 函数，那你不妨参考下 Willin 大师的迷你版 gravatar 头像缓存方法。我本来是用 Wordpress 2.7+主题 gravatar 头像缓存方法的，今天多亏 callback 回调函数 mytheme_comment，我也可以用 Willin 大师的方法了，这样也就避免了 Wordpress 版本升级带来的更新麻烦咯。

» 转载请注明来源：Life Studio » 《回调函数个性化 Wordpress 评论样式》

» 本文链接地址：http://wange.im/diy-wordpress-comment-style.html

» 订阅本站：http://feed.wange.im

2010-01-16 18:40 分类: 电脑网络 84 条评论

相关日志

本文已盖 84 层楼

回复 biao166 说：

2010年07月20日于11:39 上午

在自己博客试用了一下，但无法回复…………气死我呢》》》》
回复羽中说：

2010年01月21日于6:59 下午

不错，我来研究下把它搬到typecho上~
回复阿修说：

2010年01月18日于1:10 下午

话说我的主题一直都是用
wp_list_comments('type=comment&callback=mytheme_comment');这个函数。
可能主题太老啦吧~~哈哈
- 回复万戈说：
  
  2010年01月18日于1:50 下午
  
  我现在用的也是这个函数，自定义程度很高啊，不错不错
回复 happyet 说：

2010年01月18日于11:17 上午

我没有看懂。。。
- 回复万戈说：
  
  2010年01月18日于1:49 下午
  
  是我太啰嗦了。。。
  - 回复 happyet 说：
    
    2010年01月19日于8:21 上午
    
    是我真的不懂，这个和wp默认的那个是互补的?还是水火不容的?还是其他怎么一回事呢？真不懂啊。
    我一直都用wp默认的那个最简单的一个ol搞定的那个，但是可自定义的东西很少。
    - 回复万戈说：
      
      2010年01月19日于9:04 上午
      
      你说的是2.7以前的主题了，现在引入了wp_list_comments这个函数，就省事多了
      - 回复 happyet 说：
        
        2010年01月19日于10:18 上午
        
        是啊我就是用的这个函数啊三行代码就搞定的
      - 回复 happyet 说：
        
        2010年01月19日于10:18 上午
        
        《ol class="commentlist"》
        《?php wp_list_comments();?》
        《/ol》
        就这个啊
        
        万戈说：
        
        2010年01月19日于11:07 上午
        
        你用的是默认函数，没有加参数
      - 回复 happyet 说：
        
        2010年01月19日于11:08 上午
        
        你说的参数就是这个日志的内容吗？加了参数和不加参数有什么区别？
        
        万戈说：
        
        2010年01月19日于11:10 上午
        
        是的，不加参数就是默认的啦，不能自定义，加了参数，就是wp_list_comments()括号里的内容，那就千变万化咯
      - 回复 happyet 说：
        
        2010年01月19日于11:11 上午
        
        这回有点明白了
回复古墓候梅说：

2010年01月18日于11:11 上午

WP的啊，那我只有凑热闹了。
- 回复万戈说：
  
  2010年01月18日于1:48 下午
  
  呵呵，没关系呀，水一下也好，管它是不是WP呢
回复石老人说：

2010年01月18日于10:22 上午

感觉有点密，不过确实缩短了长度
- 回复万戈说：
  
  2010年01月18日于1:45 下午
  
  为了缩短长度，就只好挤一挤了
回复 licream 说：

2010年01月18日于1:34 上午

感谢分享哈
回复 kenshin 说：

2010年01月18日于12:35 上午

我怎么没什么感觉？？？
- 回复万戈说：
  
  2010年01月18日于8:01 上午
  
  比较一下和我一样的主题，你就会发现不同咯
回复星网说：

2010年01月17日于8:39 下午

头像在左边~！好不习惯~！
- 回复万戈说：
  
  2010年01月17日于8:41 下午
  
  多看看就习惯啦，感觉把头像和名字放一边会好些
回复 TONY 说：

2010年01月17日于8:26 下午

飘过~~~~
- 回复万戈说：
  
  2010年01月17日于8:28 下午
  
  目送～慢飘～
回复 hzlzh 说：

2010年01月17日于6:35 下午

问个问题，比如我的站三处调用G头像，回复，评论插件，以及最新评论的侧边栏
-------
觉得直接把原函数改掉最好，否则出现这种情况：一个陌生的email在层叠的回复里回复，使用的是插件里的函数，直接去本地找肯定没有头像，于是杯具了！
- 回复万戈说：
  
  2010年01月17日于6:39 下午
  
  确实，你说的问题我也碰到了，我认为改一下相应插件里的函数就可以，不过还没试过
  - 回复 hzlzh 说：
    
    2010年01月17日于6:42 下午
    
    wordpress-thread-comment 调用的是 get_avatar
    我目前使用的事那个最mini的修改法。难道还要在这里写一套缓存代码？
    那侧边栏不用写，那里用到的头像一定提前备缓存过。所以觉得把MINI代码集成到原函数中才是正解
    - 回复万戈说：
      
      2010年01月17日于6:44 下午
      
      理论上完全可以，这样也省了不少麻烦
      - 回复 hzlzh 说：
        
        2010年01月17日于6:49 下午
        
        正在实践，目前还抱着侥幸心里这样想：第一次出现的访客都是回复文章而不是回复某个人。嘻嘻
      - 回复主机返佣说：
        
        2010年07月9日于6:33 下午
        
        不是我想要的。。。
回复漠天说：

2010年01月17日于1:04 下午

万戈，请教你一件事，我用的inove的主题，但是我在向function.PHP里添加函数时通常会出现错误时怎么回事。
- 回复万戈说：
  
  2010年01月17日于2:39 下午
  
  这个原因有很多，首先要确定你添加的代码位置是否正确，还要确定你的函数是否有冲突
  - 回复漠天说：
    
    2010年01月17日于11:08 下午
    
    比如说是侧栏要调用的函数放在什么部位，一般我是放在头部或尾部，但是尾部一般冲突，随后后台打不开。头部的话，添加文章有错误。
    - 回复万戈说：
      
      2010年01月18日于7:53 上午
      
      关键是要在PHP的开始和结束符之间，还有不要打断其他函数
    - 回复阿修说：
      
      2010年01月18日于1:09 下午
      
      后台打不开，前台出现提示，一般都是语法错误。仔细看看括号匹配之类的。
回复 LAONB 说：

2010年01月17日于12:40 下午

这样看着多热闹。
回复不許起名。说：

2010年01月17日于10:52 上午

昨天我用函式庫文檔自己組了一個國旗+UA的演示
回复不許起名。说：

2010年01月17日于10:51 上午

滿滿的你吃我的迴響
回复猴子说：

2010年01月17日于9:41 上午

实在是眼拙，看不出哪里变化。
- 回复万戈说：
  
  2010年01月17日于2:43 下午
  
  看看星星的网站就知道区别了，呵呵
回复 JuJue 说：

2010年01月17日于7:56 上午

好象...是有一点点变化? 其实我没看出来
- 回复万戈说：
  
  2010年01月17日于8:10 上午
  
  好像有一点点变化就行
回复小言说：

2010年01月17日于1:10 上午

试一试
回复超人说：

2010年01月17日于12:48 上午

哪里有什么变化了。。
- 回复万戈说：
  
  2010年01月17日于7:41 上午
  
  又做了一次调整，现在有明显变化了吧？
回复 hzlzh 说：

2010年01月17日于12:26 上午

俗话说挤挤更健康~~我也来喽
回复 cyusyu 说：

2010年01月17日于12:13 上午

学着把我的整一下
回复潘蟹蟹说：

2010年01月16日于11:40 下午

天冷，大家挤在一起暖和。
- 回复万戈说：
  
  2010年01月17日于7:40 上午
  
  哈哈，言之有理，那就多来挤挤吧
回复 zwwooooo 说：

2010年01月16日于10:52 下午

太紧凑了，我情愿滚多两下个人感觉，因为我滚惯了，我的是30层，哇咔咔，请忽视
- 回复万戈说：
  
  2010年01月17日于7:38 上午
  
  恩，还需要再改改，现在的也不是定稿
回复江流说：

2010年01月16日于10:37 下午

看看效果果然密集了很多
回复 Zenoven自由人说：

2010年01月16日于10:35 下午

那我先看看啥变化哈哈~~
- 回复万戈说：
  
  2010年01月17日于7:38 上午
  
  感觉好些没？
回复 Showfom 说：

2010年01月16日于10:02 下午

其实也不是很好看囧
- 回复万戈说：
  
  2010年01月16日于10:07 下午
  
  我还没改好呢，过两天再来看
回复集思博客说：

2010年01月16日于9:36 下午

做博客的果然用FF浏览器的居多
- 回复万戈说：
  
  2010年01月16日于9:59 下午
  
  呵呵，那是，做博客的都知道IE的弱点
回复集思博客说：

2010年01月16日于9:35 下午

帮你测试下。
回复风舞清扬说：

2010年01月16日于9:33 下午

俺博客没用wp的。。。
回复 evlos 说：

2010年01月16日于9:27 下午

哎呀呀，试一下试一下 ~
- 回复 evlos 说：
  
  2010年01月16日于9:28 下午
  
  郁闷，小邪居然连callback的概念都没用 ~
  太杯具了，迟一点研究下 ~
回复 dot 说：

2010年01月16日于9:22 下午

紧凑多了，只是看起来稍显密实
- 回复万戈说：
  
  2010年01月16日于9:58 下午
  
  恩，还只是修改了一半，还需要再改改
回复林木木说：

2010年01月16日于8:52 下午

用回调方式，评论的样式自定义性强多了！
- 回复万戈说：
  
  2010年01月16日于8:56 下午
  
  恩，原主题居然没有，我居然今天才折腾出来，自己汗一个
回复 bolo 说：

2010年01月16日于8:39 下午

呵呵，慢慢进步嘛
- 回复万戈说：
  
  2010年01月16日于8:43 下午
  
  所有WPJAM的牛人都是我学习的目标，你就是其中中一
回复 Google不爱我说：

2010年01月16日于8:36 下午

试一下试一下~
- 回复万戈说：
  
  2010年01月16日于8:39 下午
  
  新的评论样式，感觉如何呀？顺不顺手？
  - 回复 Google不爱我说：
    
    2010年01月16日于8:43 下午
    
    是紧凑了那么一点……感觉变化不是很大，没有视觉冲击啊……
    - 回复万戈说：
      
      2010年01月16日于8:44 下午
      
      我怕视觉冲击后，把大家吓跑了，所以一点一点改，有一个适应的过程
回复 huangjun 说：

2010年01月16日于8:11 下午

我也帮忙盖一层，看什么时候可以翻页。
- 回复万戈说：
  
  2010年01月16日于8:25 下午
  
  要翻页，还为时尚早，嘿嘿
回复 619 说：

2010年01月16日于7:54 下午

没啥感觉，再来一条
- 回复万戈说：
  
  2010年01月16日于7:57 下午
  
  有感觉了没？我不介意你再多试几条or几十条or几百条
  - 回复 619 说：
    
    2010年01月19日于10:57 上午
    
    又挑衅 ..
回复 619 说：

2010年01月16日于7:53 下午

我赶紧试试先
回复 Nox 说：

2010年01月16日于7:22 下午

我的沙发，我热哦。。
- 回复万戈说：
  
  2010年01月16日于7:24 下午
  
  每次盼盼坐沙发，你就热呀
  - 回复 Nox 说：
    
    2010年01月16日于7:35 下午
    
    因为每次都慢了一小步。。。
回复王盼盼说：

2010年01月16日于7:12 下午

我不是抢沙发，是测试。
- 回复万戈说：
  
  2010年01月16日于7:23 下午
  
  嘿嘿，是不是感觉比以前的评论好一些呀

Life Studio