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

在后台看到 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.修改样式中调用图片的部分,原来的代码为:

.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}

修改为:

.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 文件是否有代码


如果没有请在

 

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

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

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

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

font-size:10px

全部替换为:

font-size:12px

即可。

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

相关下载

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

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

  1. xiaoluo

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

发表评论