您想在 WordPress 中显示评论最多的帖子吗?

突出显示您评论最多的帖子可以帮助您的访问者找到您的最佳内容、增加网页浏览量并提高网站参与度。

在本文中,我们将逐步向您展示如何在 WordPress 中显示评论最多的帖子。

如何在您的 WordPress 中显示评论最多的帖子

为什么在 WordPress 中显示评论最多的帖子?

您评论最多的帖子具有非常高的用户参与度。通过显示您的热门帖子,您可以鼓励新读者加入讨论并在您的WordPress 网站上花费更多时间。

所有这些加起来大大提升了您网站的社会认同感。

当您的访问者在您的网站上停留的时间更长时,您可以说服他们阅读另一篇文章、加入您的电子邮件列表或进行购买。

此外,当新访客发表评论时,他们就成为了社区的一部分。从长远来看,这可以帮助您与读者建立信任。

话虽如此,让我们来看看如何使用 2 种方法在 WordPress 中简单地显示评论最多的帖子。您可以单击下面的链接移动到任何部分:

  • 方法 1:在 WordPress 中使用插件显示评论最多的帖子(推荐)
  • 方法 2:使用代码显示评论最多的帖子

方法 1:在 WordPress 中使用插件显示评论最多的帖子(推荐)

您可以使用许多不同的WordPress 流行文章插件来显示您的流行文章,但使用起来最简单的是MonsterInsights。

它是WordPress 的最佳分析解决方案,被超过 300 万个网站使用。使用此插件,您可以轻松地在网站的任何位置显示评论最多的帖子。

您需要做的第一件事是安装、激活和设置 MonsterInsights。有关详细信息,请参阅我们关于如何在 WordPress 中安装 Google Analytics 的初学者指南。

注意: MonsterInsights有免费版本,但我们在本教程中使用专业版,因为它包含热门帖子功能。

激活后,导航至Insights » Popular Posts,然后单击菜单中的“Popular Posts Widget”选项卡。

热门帖子小部件

在此屏幕上,您将控制评论最多的帖子的外观。

只需选择您想要用于评论最多的帖子的“主题”。该主题的操作类似于您的WordPress 主题,并将控制评论最多的帖子小部件的整体设计。

此屏幕上还有大量其他自定义选项。

例如,在“主题预览”元框中,您可以在内容下方以“宽”格式或在内容右侧以“窄”格式显示评论最多的帖子。

查看主题预览

之后,您将有更多选项来自定义设计。

例如,您可以更改标题、图标和背景的大小和颜色。

自定义小部件设计

MonsterInsights 将自动保存您对评论最多的帖子显示设置所做的任何更改。

完成自定义评论帖子的外观后,就可以按评论显示热门帖子了。

在“排序依据”元框中,只需选择“评论”按钮。

按评论排序

接下来,您可以向下滚动并查看更多选项以包含和排除帖子。

还有一个选项可以在流行的帖子小部件中包含来自特定类别的帖子。

包括和排除帖子

MonsterInsights 将自动显示您评论最多的帖子。

您有几个不同的选项可以将您的热门帖子添加到 WordPress。您可以选择手动或自动放置。

如果您选择“自动”放置,那么该插件将在您博客文章的最后一段之后直接添加您评论最多的 WordPress 文章。

启用自动放置

另一种选择是手动显示评论最多的帖子。如果您选择“手动”选项,则可以使用古腾堡块或短代码添加热门帖子小部件。

为此,请打开一个页面或发布您想要显示评论最多的帖子的位置。

进入内容编辑器后,只需单击“+”图标并选择“热门帖子”块。

添加热门帖子块

这会自动将您评论最多的帖子添加到您的页面。

确保单击“更新”或“发布”以使更改生效。

更新并发布您的更改

现在,当您的用户访问该页面时,他们会看到您评论最多的帖子。

您可以访问该网站以查看最受欢迎的帖子以及评论。

查看最受欢迎的帖子预览

方法 2:使用代码显示评论最多的帖子

第二种方法涉及将代码添加到您的 WordPress 文件中。

但是,使用此方法有一些缺点。首先,它涉及到向 WordPress 添加代码,因此它对初学者不友好。即使是一个小错误也可能导致严重问题,因此我们建议为高级用户编辑 WordPress 核心文件。

其次,代码没有像 MonterInsights 插件那样针对性能进行优化。这意味着它会增加服务器负载,并且会减慢您的网站速度。

话虽如此,让我们来看看如何在没有插件的情况下在 WordPress 中显示评论最多的帖子。

将代码片段添加到 functions.php 文件

您需要将下面提供的代码添加到您的functions.php文件中。我们建议使用WPCode插件来执行此操作。这是向您的WordPress 网站添加自定义代码的最安全和最佳方式。

首先,您需要安装并激活 WPCode 插件。有关详细信息,请参阅我们关于如何安装 WordPress 插件的指南。

注意:您还可以使用免费的 WPCode 插件,因为它具有添加此代码所需的所有功能。

激活后,您可以前往Code Snippets » Add Snippet from your WordPress dashboard 并选择“Add Your Custom Code (New Snippet)”选项。

如何使用代码显示文章摘录

接下来,您可以在页面顶部为您的代码片段添加一个名称。现在,只需将此代码复制并粘贴到“代码预览”框中:

function wpb_most_commented_posts() {
// start output buffering
ob_start();
?>
<ul class="most-commented">
<?php
// Run WP_Query
// change posts_per_page value to limit the number of posts
$query = new WP_Query('orderby=comment_count&posts_per_page=10');
  
//begin loop
while ($query->have_posts()) : $query->the_post(); ?>
  
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> <span class="wpb-comment-count"><?php comments_popup_link('No Comments;', '1 Comment', '% Comments'); ?></span></li>
<?php endwhile;
// end loop
?>
</ul>
<?php
  
// Turn off output buffering
 $output = ob_get_clean();
  
//Return output
return $output;
}
// Create shortcode
add_shortcode('wpb_most_commented', 'wpb_most_commented_posts');
  
//Enable shortcode execution in text widgets
add_filter('widget_text', 'do_shortcode');

之后,确保单击“代码类型”下拉菜单并选择“PHP 代码段”选项。

复制并粘贴代码片段

完成后,只需单击切换按钮使代码“激活”,然后按顶部的“保存代码段”按钮。

该代码将运行数据库查询并获取按最高评论数排序的 10 个帖子。然后,它使用输出缓冲来创建可用于显示帖子的简码。

代码的最后一行创建了一个短代码,您可以在帖子、页面和小部件区域中使用它。

要显示您的热门帖子,您需要做的就是将以下短代码添加到您的 WordPress 网站。

[wpb_most_commented]

有关更多详细信息,请参阅我们关于如何在 WordPress 中添加短代码的初学者指南。

<li>如果您想在帖子标题旁边添加缩略图,请在上面代码中的标记之后添加以下代码行。

<?php the_post_thumbnail(array(40,40)); ?>

此代码将定义帖子缩略图的自定义大小。您可以调整大小以满足您的需要。

使用 CSS 设计您评论最多的帖子

完成后,您可以设置评论最多的帖子的显示方式。

为此,您可以修改WordPress 主题样式表中的.most-commented和CSS 类.wpb-comment-count

您可以使用以下 CSS 开始:

.most-commented li {
border-bottom:1px solid #eee;
padding-bottom:3px;
}
.most-commented li :after {
clear:both;
}
.most-commented img {
padding:3px;
margin:3px;
float:left;
}
.wpb_comment_count a, .wpb_comment_count a:active, .wpb_comment_count a:visited, .wpb_comment_count a:hover {
color:#FFF;
}

要将 CSS 添加到您网站主题的样式表,您可以使用WPCode。只需从您的 WordPress 仪表板转到代码片段 » 添加片段,然后选择“添加您的自定义代码(新片段)”选项。

如何使用代码显示文章摘录

接下来,在代码预览区域下输入 CSS 代码,并为您的代码片段添加标题。

只需确保单击“代码类型”下拉菜单并选择“CSS 片段”选项即可。

添加 CSS 代码片段

完成后,不要忘记将开关切换到“活动”,然后单击顶部的“保存代码段”按钮。

评论被关闭。