当前位置:园子博客 » Wordpress » 最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法

最新评论插件 WP-RecentComments 升级后头像换行显示的解决办法

10月 9th, 2010 | Filed under Wordpress | 共有8,511次浏览

在后台看到 WP-RecentComments 插件更新后就马上升级到了最新的 2.0.3版本,经园子测试出现了头像换行显示等问题,本文说下这些问题的解决方案。

升级后遇到的问题

园子使用的是 mg12 开发的 Blocks2 主题,在升级最新评论插件 WP-RecentComments后遇到的问题如下:

1.原来的头像是左浮动显示的,评论者名称和评论内容右浮动显示。更新后发现浮动没有效果了,头像和内容都独占一行显示。

2.在后台的设置 -> 最新评论选项中无论设置头像左浮动还是右浮动均无法正常浮动显示。

3.后台选项中勾选“当鼠标滑过评论摘要时显示展开按钮”时,鼠标经过时小箭头图标不显示。

4.部分网站在升级插件后会一直出现“正在加载”的文字,网友评论加载不出来。

下面是插件升级前和升级后的显示效果对比:

WP-RecentComments 插件升级前后显示效果对比

WP-RecentComments 插件升级前后显示效果对比

WP-RecentComments 最新评论显示不正常的解决方法

综上所述,以上提到的前三个问题应该是没有调用到插件样式表的问题。以下是园子提供的解决方案:

1.复制插件目录下 /plugins/wp-recentcomments/css/wp-recentcomments.css 中的所有代码,将它添加到你使用主题的 style.css 文件中。

2.修改样式中调用图片的部分,原来的代码为:

1
.rc-item .rc-collapse,.rc-item .rc-expand{background:url(../img/icons.png) no-repeat;height:16px;width:16px;display:block;text-indent:-999em;float:right;cursor:pointer}

修改为:

1
.rc-item .rc-collapse,.rc-item .rc-expand{background:url(images/icons.png) no-repeat;height:16px;width:16px;display:block;text-indent:-999em;float:right;cursor:pointer}

请注意:如果你主题的图片文件夹名称为img的话,请自行修改图片路径。

3.把插件目录中的图片 /plugins/wp-recentcomments/img/icons.png 放到的主题的图片目录下。

4.在 wordpress 后台的最新评论设置选项中取消勾选“使用 wp-recentcomments.css”选项,因为在第一步中我们已经直接在主题的CSS样式中调用了。

5.这时候刷新页面已经可以看到以前头像左浮动的显示模式了,通过插件自带的后台选项设置,你可以选择是将头像放在左边还是右边。如果你的升级插件后一直出现“正在加载”字样,评论却加载不出来,那么请检查一下你主题中footer.php 文件是否有代码

1
<?php wp_footer(); ?>

如果没有请在

1
</body>

标签之前加上。如果还有问题, 请到设置 -> 最新评论中查看 JavaScript 的配置是否正确。 如果你不知道选择哪个, 请选第一项“使用插件自带的 JavaScript 库.”

6.如果你也遇到了给我一样的问题,不想这么麻烦自己更改的话请删除插件后下载 1.8.2 老版本,老版本中没有上面说到的这些问题。相信在下个版本的升级中作者会解决这些小Bug。

WP-RecentComments 最新评论的显示优化

默认插件导航栏的“上一页”“下一页”文字大小为10px,中文显示字体有些偏小,你可以搜索 CSS 样式中的:

1
font-size:10px

全部替换为:

1
font-size:12px

即可。

具体的显示效果请看园子博客的侧栏“最新评论”模块,升级还是感觉到插件很好用的,尤其是“减少服务器处理压力”这点就非常值得大家去升级。

相关下载

插件下载(128 KB) WP-RecentComments 最新版 | WP-RecentComments 1.8.2 老版本下载 | 来自园子博客

  1. 黄建军
    10月 25th, 201100:40

    参考了你的文章,问题得以解决。谢谢!!!

  2. shine
    4月 16th, 201112:22

    我的博客头像为啥显示不出来了

  3. 王磊
    2月 27th, 201115:39

    如何把评论中的“在”字去掉

  4. waco
    2月 7th, 201120:49

    谢谢,参考你的文章,问题得以解决。

  5. Junan
    1月 7th, 201102:45

    试试用这个插件~~~

  6. Dawnson
    10月 19th, 201011:16

    我在是最新的版本下遇到了这个问题,所以我一直没有升级了。

  7. tal-rasha
    10月 17th, 201001:28

    最新评论上的箭头弄反了吧

  8. 雅岚
    10月 15th, 201016:02

    我恨升级。。。

  9. 两天
    10月 15th, 201012:03

    据作者说直接删除主题目录下的那个插件样式表就OK了

  10. 严重浪漫
    10月 11th, 201020:22

    WP Thread Comment插件 也和block主题有兼容性问题。
    我写过一篇文章:
    http://www.6psp.cn/20100219/wp-thread-comment-chajian-block-zhuti-jianrong-wenti.html

  11. 分楚免费空间
    10月 10th, 201019:24

    WP就是好用,我开博客也准备用它,呵呵

  12. 两天
    10月 10th, 201016:50

    把主题目录里wp-recentcomments.css删除应该就好了。

  13. Firm
    10月 10th, 201016:25

    国外的主题应该要用到

  14. 求索阁
    10月 10th, 201015:55

    园子,你使用的什么缓存插件呀?我以前用了 WP Super Cache插件之后,post-view就不能更新浏览量了。你是怎么处理的呢?

    • 园子
      10月 11th, 201009:13

      @求索阁
      我没有用缓存插件
      插件不想装太多了。

      • 求索阁
        10月 11th, 201011:57

        博主,那你现在的流量这么大,又没有用缓存插件,主机应该很健壮了,是哪家的主机空间呀?

  15. Ludou
    10月 10th, 201015:10

    升级后,以前做得更改也全没了,问题也接着出现了

  16. 学夫子
    10月 10th, 201008:50

    就是一个css控制的,不过我这里你的仍然是换行的

  17. 丕子
    10月 10th, 201007:35

    直接手动将css <link 加入进去不行?

  18. 大智若鲁
    10月 10th, 201007:32


    图中貌似有我丫,不错不错 露个脸

  19. huangjun
    10月 9th, 201023:14

    还好我没升级。

  20. 软件盒子
    10月 9th, 201018:42

    这个方法很实用,我的就显示不正常

  21. Code之行人
    10月 9th, 201018:23

    太不给力啊,这两天频繁升级

  22. 型男索女
    10月 9th, 201017:24

    我用的不是这个插件,所以没遇到这种问题

  23. 随缘
    10月 9th, 201016:10

    看不到头像 :roll:

  24. xiaoluo
    10月 9th, 201013:34

    我用的Chrome浏览器,看到你现在的最新评论还是出现了头像换行显示问题。
    我昨天也出现过,无奈重新使用旧版本,现在还是用旧版本,一切正常。
    在我的博文里也提供了旧版本的下载。

  25. listensea
    10月 9th, 201012:20

    右侧的转到底部 怎么没有用了?

您必须在 登录 后才能发布评论.