博客发展到一定阶段,随着访客的增加,文章的评论也会增多,如果评论太多的话,页面就会拉得很长,不美观是一方面,也不方便后来的访客评论。所以很多wordpress博主会选择给文章评论分页,大多博主是使用插件实现的效果,其实不用插件也可以实现wordpress评论分页。
实现wordpress文章评论分页:
一、支持comment-list函数的主题的操作方法
- 找到当前主题下的comments.php文件并进行编辑,找到以下代码:
1 2 3 4
<div> <div><?php previous_comments_link() ?></div> <div><?php next_comments_link() ?></div> </div>
注意:代码可能会有些差异,上面的代码没有添加样式的。只要函数相同就可以了。
- 将以上代码替换为以下代码
123456789101112131415
<?php// 如果用户在后台选择要显示评论分页if (get_option('page_comments')) {// 获取评论分页的 HTML$comment_pages = paginate_comments_links('echo=0');// 如果评论分页的 HTML 不为空, 显示导航式分页if ($comment_pages) {?><div class="page_navi"><?php echo $comment_pages; ?></div><?php}}?>
- 然后保存即可
二、不支持comment-list函数的主题的操作方法
- 在comments.php文件中找到以下代码:
1 2 3 4 5
<?php foreach ($comments as $comment) : ?> <?php $comment_type = get_comment_type(); ?> <?php if($comment_type == 'comment') { ?> ......//中间的内容省略了.. <?php endforeach; ?>//记住是第一个endforeach
将其替换为以下代码:
1
<?php wp_list_comments('type=comment&avatar_size=48'); ?>
提示:括号里的参数表示只显示评论内容,同时限制Gavatar头像的大小为48px
- 然后再把“一”中的代码添加在这句函数之后就可以了。
三、上面“一”、“二”的代码都找不到的(博客吧的主题比较旧,就是这种情况)就直接把相关代码替换吧。但可能会影响原来评论的样式。
最后在主题的css样式表中添加以下样式
1 2 3 |
.page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;} .page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;} .page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;} |
提醒:设置好代码之后,要在wordpress博客后台的“设置”——“讨论”设置界面中开启wordpress评论分页显示评论及设置每页显示多少条评论。
代码摘自SKY博客
原创文章,作者:6024010,如若转载,请注明出处:https://blog.ytso.com/247609.html