一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 博客教程 > WordPress教程 > 正文

WordPress非插件实现文章评论分页功能

作者:xlnxin发布时间:2021-04-15分类:WordPress教程浏览:449


导读:博客发展到一定阶段,随着访客的增加,文章的评论也会增多,如果评论太多的话,页面就会拉得很长,不美观是一方面,也不方便后来的访客评论。所以很多wordpress博主会选择给...

博客发展到一定阶段,随着访客的增加,文章的评论也会增多,如果评论太多的话,页面就会拉得很长,不美观是一方面,也不方便后来的访客评论。所以很多wordpress博主会选择给文章评论分页,大多博主是使用插件实现的效果,其实不用插件也可以实现wordpress评论分页。

实现wordpress文章评论分页:

一、支持comment-list函数的主题的操作方法

  1. 找到当前主题下的comments.php文件并进行编辑,找到以下代码:
    1
    2
    3
    4
    
    <div>
    <div><?php previous_comments_link() ?></div>
    <div><?php next_comments_link() ?></div>
    </div>

    注意:代码可能会有些差异,上面的代码没有添加样式的。只要函数相同就可以了。

  2. 将以上代码替换为以下代码
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    
    <?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
    }
    }
    ?>
  3. 然后保存即可

二、不支持comment-list函数的主题的操作方法

  1. 在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

  2. 然后再把“一”中的代码添加在这句函数之后就可以了。

三、上面“一”、“二”的代码都找不到的(的主题比较旧,就是这种情况)就直接把相关代码替换吧。但可能会影响原来评论的样式。

最后在主题的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博客

标签:wordpresshtmlcssdiv主题插件博客