{"id":2654,"date":"2025-06-11T05:07:56","date_gmt":"2025-06-10T21:07:56","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2654.html"},"modified":"2025-06-11T05:07:56","modified_gmt":"2025-06-10T21:07:56","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%b8%ad%e5%88%86%e9%a1%b5%e6%98%be%e7%a4%ba%e8%af%84%e8%ae%ba%ef%bc%88%e5%88%86%e6%ad%a5%e6%8c%87%e5%8d%97%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2654.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u4e2d\u5206\u9875\u663e\u793a\u8bc4\u8bba\uff08\u5206\u6b65\u6307\u5357\uff09"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

在WordPress中实现分页显示评论是一项常见的需求，特别是在博客或论坛类型的内容管理中。这不仅可以提高用户体验，还可以帮助搜索引擎更好地理解网站结构。下面我将指导您如何在WordPress中实现这一功能。<\/p>\n

步骤 1: 准备工作<\/h3>\n

首先确保您的WordPress安装了评论插件，如CommentPress<\/code>、WP Comment List<\/code>等。这些插件通常提供了评论列表的自定义选项，包括分页支持。<\/p>\n

步骤 2: 插入评论列表<\/h3>\n

打开您的WordPress后台，导航到“页面” > “添加新页面”。在此页面上，点击“编辑”按钮来修改页面内容。<\/p>\n

在页面内容区域，插入以下代码以加载评论列表：<\/p>\n

<?php wp_list_comments(); ?><\/code><\/pre>\n
这段代码会自动加载当前文章的所有评论。如果您想限制评论的数量，可以在代码前加上一个数字参数，例如：<\/p>\n
<?php wp_list_comments('numberposts=5'); ?><\/code><\/pre>\n
这表示只显示前五个评论。<\/p>\n
步骤 3: 添加分页链接<\/h3>\n
为了使用户能够轻松地浏览所有评论而不只是看到最新评论，我们需要为每个评论添加分页链接。可以使用comment_reply_link<\/code>函数来实现这一点。<\/p>\n
在页面内容区域添加以下代码：<\/p>\n
<?php if ( have_comments() ) : ?>\n    <h4><?php comments_number( 'No replies', '1 reply', '% replies' ); ?><\/h4>\n    <?php comment_pagination(); \/\/ 使用默认的分页类 ?>\n<?php endif; ?><\/code><\/pre>\n
这段代码首先检查是否已经有评论。如果存在评论，则显示评论数量，并调用comment_pagination()<\/code>函数来生成分页链接。<\/p>\n
示例效果<\/h3>\n
假设您已经设置好了上述代码并在您的博客上发布了文章。当用户访问该页面时，他们可能会看到类似如下所示的评论列表和分页链接：<\/p>\n
<h4>No replies<\/h4>\n[其他评论]\n<ol class=\"comment-list\">\n    <li id=\"comment-1\" class=\"comment\">\n        <div class=\"comment-body\">\n            <p><strong>Jane Doe:<\/strong><\/p>\n            <p>I really enjoyed reading your post! Thank you for sharing.<\/p>\n        <\/div>\n        <footer class=\"comment-meta comment-author vcard\">\n            <a href=\"#respond\" data-comment-id=\"1\">Reply<\/a>\n        <\/footer>\n    <\/li>\n    <!-- 其他评论 -->\n<\/ol>\n<ul class=\"paging-navigation\">\n    <li class=\"previous\"><a href=\"#\">Previous<\/a><\/li>\n    <li class=\"next\"><a href=\"#\">Next<\/a><\/li>\n<\/ul><\/code><\/pre>\n
总结<\/h3>\n
通过以上步骤，您现在能够在WordPress中成功实现评论列表的分页显示。这种方法不仅提高了用户体验，还增强了网站的互动性和SEO友好性。希望这个指南对您有所帮助！如果有任何问题，请随时提问。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
\r\n
\r\n
\r\n
\r\n
\r\n
\"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n
分页显示 WordPress 中的评论<\/h3>\n
目标读者：<\/h4>\n
    \n
  • 熟悉 WordPress 的基本操作和功能。<\/li>\n
  • 有经验使用 WP 来创建网站。<\/li>\n<\/ul>\n
    前提知识：<\/h4>\n
      \n
    1. 熟悉 WordPress<\/strong>：了解如何设置主题、安装插件以及处理页面和文章的基本语法。<\/li>\n
    2. 了解 HTML 和 CSS<\/strong>：能够编写一些简单的 HTML 和 CSS 代码来美化网页布局。<\/li>\n<\/ol>\n
      教学步骤：<\/h4>\n
      步骤 1: 创建一个新页面<\/h4>\n
      首先，在您的 WordPress 主题文件夹中创建一个新的页面。例如，命名为 comments.php<\/code>。<\/p>\n
      <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Comments Page<\/title>\n    <!-- Add your custom CSS styles here -->\n<\/head>\n<body>\n    <h1>Comments on <?php the_title(); ?><\/h1>\n    <?php if (have_comments()) : ?>\n        <div class=\"comments\">\n            <ul id=\"comment-list\">\n                <?php\n                    wp_list_comments(array(\n                        'callback' => 'commentCallback',\n                        'depth' => 0,\n                    ));\n                ?>\n            <\/ul>\n        <\/div><!-- #comments -->\n    <?php endif; ?>\n<\/body>\n<\/html><\/code><\/pre>\n
      步骤 2: 编辑 functions.php<\/code> 文件<\/h4>\n
      在 WordPress 主题目录下的 functions.php<\/code> 文件中添加以下代码以支持评论分页：<\/p>\n
      function commentCallback( $comment, $args, $depth ) {\n    \/\/ Do nothing by default.\n}<\/code><\/pre>\n
      步骤 3: 添加样式和 JavaScript<\/h4>\n
      为评论列表添加一些样式和 JavaScript 功能。您可以参考其他示例或自定义这些部分。<\/p>\n
      <style>\n    .comment {\n        margin-bottom: 20px;\n        border-left: 5px solid #ddd;\n    }\n\n    .comment p {\n        padding: 10px;\n    }\n<\/style>\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n<script>\n    $(document).ready(function() {\n        $('#comment-list').on('click', '.comment-reply-link', function(e) {\n            e.preventDefault();\n            window.location.href = $(this).attr('href');\n        });\n    });\n<\/script><\/code><\/pre>\n
      步骤 4: 测试和部署<\/h4>\n
      保存并测试此代码是否正常工作。如果一切顺利，您现在可以将 comments.php<\/code> 文件作为单个页面上传到您的 WordPress 主题中，并启用该页面以查看结果。<\/p>\n
      结论<\/h4>\n
      通过以上步骤，您已经成功地在 WordPress 中实现了对评论的分页展示。这种方法适用于任何需要展示大量评论的情况，无论它们来自哪个类型的页面。请注意，这仅是实现这一目标的一种方法，根据您的具体需求，可能还需要进一步调整代码。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
      Bug编译狮 在WordPress中实现分页显示评论是一项常见&#3..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-2654","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=2654"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2654\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2654"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}