如何在 WordPress 中显示评论最多的帖子(2 种方式)

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

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

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

How to display most commented posts in WordPress (2 ways)

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

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

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

此外,当新访问者发表评论时,他们就会成为社区的一部分.从长远来看,这有助于您与读者建立信任.

话虽如此,让我们来看看如何使用 2 种方法在 WordPress 中简单地显示评论最多的帖子.

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

您可以使用许多不同的 WordPress 热门帖子插件来显示您的热门文章,但最简单的是 MonsterInsights.

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

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

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

激活后,导航至 Insights »热门帖子,然后点击"热门帖子小工具"菜单项.

MonsterInsights popular posts

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

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

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

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

MonsterInsights display options

在那之后,您有更多的选项来自定义设计.

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

Customize how most commented posts display

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

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

在"排序依据"元框中,只需选择"评论"按钮即可.

Sort by most commented

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

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

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

Automatic popular posts placement option

另一个选项是手动显示评论最多的帖子.如果您选择"手动"选项,则可以添加带有古腾堡块或短代码的热门帖子小部件.

为此,请打开一个页面或帖子,在其中显示评论最多的帖子.

然后,单击"+"图标并选择"热门帖子"块.

Select MonsterInsights popular posts block

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

请务必点击"更新"或"发布"以使更改生效.现在,当您的用户访问该页面时,他们将看到您评论最多的帖子.

Update or publish page changes

在您的 WordPress 边栏中显示评论最多的帖子

如果您想在 WordPress 侧边栏中显示评论最多的帖子,请转到 外观 »小工具.

之后,找到"热门帖子 -MonsterInsights"小部件并将其拖到侧边栏小部件区域.

MonsterInsights popular posts widget to sidebar

接下来,您可以为小部件指定标题、选择要显示的帖子数量、选择主题、更改颜色等.

自定义选项类似于上面的小部件自定义设置.

完成更改后,单击"保存",评论最多的热门帖子将显示在您的 WordPress 博客上.

Most commented posts sidebar example

方法 2:在 WordPress 中显示没有插件的评论最多的帖子

第二种方法涉及向 WordPress 文件添加代码.如果您以前没有这样做过,请查看我们的初学者指南,将网页中的片段粘贴到 WordPress 中.

但是,使用这种方法有一些缺点.首先,它涉及向 WordPress 添加代码,因此它对初学者不太友好.

其次,代码的性能优化不如 MonterInsights 插件,因此会增加服务器负载,并且会降低您的网站速度.

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

您需要将以下代码添加到您的 functions.php 文件、特定于站点的插件中或使用代码片段插件.

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');

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

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

要显示您的热门帖子,您只需将以下短代码添加到您的 WordPress 网站.

[wpb_most_commented]

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

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

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

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

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

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

有关更多详细信息,请参阅我们的指南,了解如何轻松地将自定义 CSS 添加到您的 WordPress 网站.

您可以使用以下 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;
}

我们希望这篇文章能帮助您展示 WordPress 中评论最多的帖子.您可能还想查看我们的终极 WordPress SEO 指南以获得更多流量,以及我们为企业提供的最佳 WordPress 插件列表.

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/how-to-display-the-posts-with-the-most-comments-in/

0
订阅评论
提醒
0 评论
内联反馈
查看所有评论