主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 中显示总评论数

如何在 WordPress 中显示总评论数

Bug编译狮

Bug编译狮

在WordPress中显示总评论数是一个常见的需求,通常用于网站的导航栏或侧边栏中。你可以通过插件或者自定义函数来实现这个功能。这里我将介绍两种方法:一种是使用插件,另一种是通过自定义函数。

方法一:使用插件

  1. 安装评论统计插件

    • 登录到您的WordPress后台。
    • 导航到“插件” -> “添加新插件”,搜索并选择一个提供评论统计功能的插件(如“Total Comments Count”)。
    • 安装并激活该插件。
  2. 设置插件选项

    • 启用插件后,您可以在“插件”菜单下的“Total Comments Count”标签页上找到配置选项。
    • 根据需要调整显示位置、颜色等设置。
  3. 查看结果

    • 设置完成后,在侧边栏或导航栏中可以看到显示的总评论数。

示例代码:

// 插入以下代码到主题的functions.php文件中,以确保它在所有页面和帖子中生效
function display_total_comments() {
    $total_comments = get_comments_number();
    echo '<div class="comment-count">' . esc_html($total_comments) . '</div>';
}
add_action('wp_head', 'display_total_comments');

使用步骤及效果:

  1. 打开您当前的主题文件夹中的functions.php文件。
  2. 在文件末尾插入上述PHP代码。
  3. 保存文件并上传到服务器。
  4. 进入您的WordPress管理界面,刷新页面或加载新的页面,您会看到左侧或顶部导航栏显示了总的评论数量。

这种方法简单快捷,但需要依赖于已经存在的插件。如果您不想使用插件,可以尝试第二种方法。

方法二:自定义函数

  1. 创建自定义函数

    • 编辑您的主题文件夹中的header.php或其他合适的模板文件。
    • 添加以下代码:

      <?php function custom_comment_count() { ?>
       <span id="comments-number"><?php comments_number( '0' ) ?></span>
      </script>
      <?php }
      add_action( 'wp_head', 'custom_comment_count' );
  2. 更新效果

    • 这种方法不依赖任何插件,更灵活地控制评论数的显示位置和样式。
    • 通过JavaScript动态生成评论数量,并将其嵌入HTML中。

使用步骤及效果:

  1. 将上述代码粘贴到header.php或其他适当的位置。
  2. 浏览器刷新页面,您会在页面底部或特定区域看到自动生成的评论数量。
  3. 如果需要更多定制化,可以通过修改CSS样式或JavaScript逻辑进一步调整外观和行为。

这两种方法都能有效地展示总评论数,您可以根据自己的喜好和需求选择合适的方法。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在WordPress中显示总评论数的方法有很多种,这里我将展示两种常用的方式:使用插件和自定义功能。

方法一:使用WordPress自带的评论计数插件

  1. 下载并安装评论计数插件

    • 打开WordPress后台,在“插件”页面搜索“Comment Counter”,找到相关插件。
    • 单击“安装并激活”。
  2. 设置计数器选项

    • 在“配置”部分,你可以选择要显示的评论类型(如全部、回复等)以及是否需要在评论底部显示计数器。
    • 保存设置后,插件会自动更新评论数量。
  3. 查看计数器

    • 访问网站或博客时,点击右上角的图标以查看当前的评论数。

方法二:通过JavaScript自定义显示评论总数

  1. 创建一个简单的JavaScript函数

    <script>
       function showCommentCount() {
           var commentCount = $('.comments').length;
           console.log(commentCount);
           // 在此处添加实际的功能逻辑
       }
    </script>
  2. 在HTML中插入JavaScript文件

    <script src="your-script.js"></script>
  3. 修改网页模板

    • wp-includes/js/comment.php文件中查找comment_count_callback函数,将其替换为上面的JavaScript函数:
function comment_count_callback($count, $post_id) {
    return showCommentCount();
}
  1. 测试

    • 确保在其他地方没有引用到这个JavaScript函数,以免影响正常的页面加载。
  2. 验证

    • 检查浏览器开发者工具中的控制台,确保显示了正确的评论数。

这种方法的优点在于简单易用,无需额外的插件安装,缺点是如果用户不熟悉JavaScript,可能难以理解其工作原理。

这两种方法都可以有效地在WordPress中显示总评论数,根据项目需求和团队成员的技术水平来选择合适的方法。