wordpress首页列表显示每篇的评论头像

  • A+
所属分类:网络博客

只看标题也许还未明白,我要实现的是,在首页的文章列表里,每篇文章显示指定数量的评论者gravatar头像,就是这么蛋疼的效果,在搜索里无法找到实现的方法,虽然有一两篇文章有提到方法,但是仍然不能实现只显示指定数量的头像效果。

曾实在想不出方法,试图修改免插件的评论排行版代码,结果显然是失败了,事实证明,我是多么的天真无知,就因为我不懂代码,最后找到了其他方法,百般尝试以后,被我折腾出效果来,可想而知,我对问题凭着一定要达到目的的精神,再次验证了那句话,只要努力,就一定会成功。

wordpress首页列表显示每篇的评论头像

方法:

在WordPress主题的index.php文件的文章调用循环内,即while (have_posts()) : the_post();endwhile;之间适当位置,添加以下代码:

<?php
global $withcomments;
$withcomments = true;
comments_template("/index-comments.php");  //调用模版
?>

如果你不用模版:上面的代码可以直接用:comments_template(); 但是这种方法跟文章页面调用评论没什么两样,最后会在首页显示一大堆评论信息和评论发表框,如何让它只显示评论者的gravatar头像,并且是指定数量,我想懂代码的一定很快就能折腾出来,但是不懂的,得尝试N次才能试出效果来。

我的模版是这样的:(另外还需要配合css才能控制显示效果)

<?php // Do not delete these lines
if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME']))
die ('Please do not load this page directly. Thanks!');

if (!empty($post->post_password)) { // if there's a password
if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) {  // and it doesn't match the cookie
?>

<p class="nocomments">This post is password protected. Enter the password to view comments.</p>

<?php
return;
}
}

/* This variable is for alternating comment background */
$oddcomment = 'class="alt" ';
?>

<!-- You can start editing here. -->

<?php if ($comments) : ?>
<ol class="commentlist">
<ul class="comments-authors">
<li class="comments-avatar1">
<!--<div style="margin-top:3px; height:10px;"></div>-->
<?php foreach ($comments as $comment) : ?>
<a href="#" title="<?php comment_text() ?>"><?php if(function_exists('get_avatar')) { echo get_avatar($comment, '40'); } ?></a>
<!--
<h4 class="commentauthor">
<?php comment_author_link() ?>:
</h4>
<?php if ($comment->comment_approved == '0') : ?>
<em>Your comment is awaiting moderation.</em>
<?php endif; ?><?php comment_text() ?><span style="float:left;"></span> -->

<?php
/* Changes every other comment to a different class */
$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';
?>

<?php endforeach; /* end for each comment */ ?>

</ol></li></ul>

<?php else : // this is displayed if there are no comments so far ?>

<?php if ('open' == $post->comment_status) : ?>
<!-- If comments are open, but there are no comments. -->
<div class="post-content">
<div class="comment-counter">
<?php comments_popup_link(__( '0 Comments' ), __( '1 Comment' ), __( '% Comments' )); ?>
</div>
</div>
<ol class="commentlist" style="margin-bottom:0;">
<li style="min-height:77px;">
<h4 class="commentauthor">
No comments so far. Share your thoughts!
</h4>
</li>
</ol>

<?php else : // comments are closed ?>
<!-- If comments are closed. -->
<p class="nocomments">Comments are closed.</p>

<?php endif; ?>
<?php endif; ?>

如果有闲的慌的,可以玩玩,我已经把这个效果去掉了,感觉页面太大了,加载比较慢,不过你如果是一个喜欢折腾,并且喜欢有个性的,不妨也像这个站点一样,看看功能是否很给力,具体效果可以看看:www.takeasy.info 我感觉这个站点的主题很不错,作者玩的很有个性很出色,毕竟gae空间就是拿来玩的。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:58   其中:访客  48   博主  10

    • 时尚发型 0
      Internet Explorer 6 Windows XP

      来过了,不错哦

      • 疾风 2
        Firefox 5 Windows 7

        调用这个感觉不太好看

        • 死大葱 2
          Unknown Unknown

          主题很复杂,不想去修改!

          • 鸡皮肤疗养吧 1
            Sogou Explorer Windows 7

            楼主,你居然用代码实现了这个显示头像的问题,PHP技术不错啊 呵呵

            • yetone 2
              Firefox 5 GNU/Linux

              你太厉害了,这个效果很不错。我时代码盲,你能抽空告诉我你的最新评论的格式是怎样的吗?

              • 创业经历 0
                Firefox 3 Windows XP

                写的还真不错,以后有机会会场来的,希望能回访下。

                • 投资创业 0
                  Internet Explorer 8 Windows 7

                  行云流水!一气呵成,好文采~!

                  • 招商 0
                    Internet Explorer 7 Windows XP

                    其实我对这个的看法,有点与博主不同。

                    • 广西南宁 0
                      Google Chrome 4 Windows 7

                      这文章标题写得很有水平,赞!

                      • www.kanca.cn 0
                        Firefox 3 Windows XP

                        相见恨晚啊,咦?~我好像也没见过博主。用错词了,呵呵

                        • 安利纽崔莱 0
                          Internet Explorer 7 Windows XP

                          太多赞美的话我就不说了,博客很对我口味,已经收藏到收藏夹了!

                          • 小E 7
                            Google Chrome 12 Windows XP

                            要我自己写代码 会要了我小命!

                            • 集趣 6
                              Google Chrome 14 Windows XP

                              努力就会成功

                              • 林木木 7
                                Google Chrome 12 Windows XP

                                唉,代码很难啊。

                                • 书书 0
                                  Google Chrome 35 Windows 7

                                  长知识了http://www.jejy.cn/