Hur man visar mest kommenterade posts i WordPress (2 sätt)

Genom att lyfta fram de mest kommenterade inläggen på din WordPress-webbplats kan du hjälpa besökare att hitta ditt bästa innehåll och öka antalet sidvisningar. Det kan också uppmuntra till ytterligare diskussioner bland dina läsare.

På WPBeginners blogg har vi visat de mest kommenterade inläggen och märkt en betydande ökning av trafiken till våra nyckelartiklar. Detta tillvägagångssätt uppmuntrar besökarna att stanna kvar längre på webbplatsen och engagera sig genom att lämna kommentarer.

I den här artikeln kommer vi att visa dig hur du enkelt kan visa de mest kommenterade posterna i WordPress, steg för steg.

Varför visas de mest kommenterade posterna i WordPress?

Dina mest kommenterade inlägg har mycket höga nivåer av användarengagemang. Genom att visa dina populära inlägg uppmuntrar du nya läsare att delta i diskussionen och tillbringa mer tid på din WordPress-webbplats.

Allt detta tillsammans är en stor ökning av det sociala beviset för din site.

När dina besökare stannar längre på din webbplats kan du övertyga dem om att läsa ett nytt inlägg, gå med i din lista mailingowa eller göra ett köp.

Dessutom, när nya besökare lämnar en comment, blir de en del av gemenskapen. Detta kan hjälpa dig att bygga förtroende hos dina läsare på lång sikt.

Med detta sagt, låt oss ta en titt på hur du enkelt kan visa dina mest kommenterade posts i WordPress med hjälp av två metoder. Du kan klicka på länkarna under för att flytta till den section som du väljer:

Metod 1: Visa de mest kommenterade posterna med ett plugin i WordPress (rekommenderas)

Det finns många olika tillägg för populära poster i WordPress som du kan använda för att displayed your populära artiklar, men det enklaste att använda är MonsterInsights.

Det är den bästa analyslösningen för WordPress, som används av över 3 miljoner webbplatser. Med detta plugin kan du enkelt visa dina mest kommenterade inlägg var som helst på din webbplats.

Först måste du installera, aktivera och ställa in MonsterInsights. För mer detaljer, se vår guide för nybörjare om hur du installerar Google Analytics i WordPress.

Efter aktivering, navigera till Insights ” Popular Posts page och klicka sedan på ’Popular Posts Widget’ tabs i menyn.

På den här vyn kan you control the appearance of your most commented posts.

Välj helt enkelt det ”Tema” som du vill använda för dina inlägg. Temat fungerar på samma sätt som ditt WordPress-tema och kommer att styra den övergripande utformningen av widgeten för de mest kommenterade inläggen.

Det finns massor av andra customize-alternativ på den här vyn också.

I metarutan ”Theme Preview” kan du till exempel visa dina mest kommenterade posts i ett ”Wide”-format under ditt content eller i ett ”Narrow”-format till höger om ditt content.

Efter det har du fler alternativ för att customize designen.

Du kan till exempel ändra storlek och färg på rubriken, iconen och bakgrunden.

MonsterInsights kommer automatiskt att save alla ändringar du gör till dina mest kommenterade post display settings.

När du har slutfört customize utseendet på dina kommenterade inlägg är det dags att visa dina populära inlägg efter kommentarer.

I boxen ”Sort After” väljer du helt enkelt alternativet ”Comments”.

Därefter rullar du ner och viewar fler alternativ för att inkludera och exkludera posts.

Det finns också ett alternativ att inkludera posts från specifika kategorier i widgeten för populära post.

MonsterInsights kommer automatiskt att displayed your most commented posts.

Du har några olika alternativ för att lägga till dina populära posts i WordPress. Du kan välja manuell eller automatisk placering.

Om du väljer ”Automatisk” placering kommer plugin att add to dina mest kommenterade WordPress inlägg direkt efter sista stycket i dina blogginlägg.

Det andra alternativet är att visa dina mest kommenterade posts manuellt. Om du väljer alternativet ”Manual” kan du add to widgeten för populära posts med ett Gutenberg block eller en shortcode.

För att göra detta öppnar du en sida eller ett inlägg där du vill visa dina mest kommenterade inlägg.

När du är inne i content editor, klicka bara på ”+” -ikonen och välj blocket ”Popular Posts”.

Detta kommer automatiskt att add dina mest kommenterade posts till din page.

Se till att du klickar på knappen ”Update” eller ”Publicera” för att dina ändringar ska börja gälla.

Nu när dina användare besöker sidan kommer de att se dina mest kommenterade posts displayed.

You can visit the website to see the most popular posts with comments in action.

Metod 2: Visa mest kommenterade inlägg med kod

Den andra metoden innebär att du lägger till kod i dina WordPress-filer.

Det finns dock några nackdelar med att använda den här metoden. För det första innebär det att lägga till kod i WordPress, så det är inte nybörjarvänligt. Det kan orsaka allvarliga problem med även ett litet error, så vi rekommenderar att du editerar WordPress core-filer för avancerade användare.

För det andra är koden inte lika optimerad för prestanda som MonterInsights plugin. Detta ökar belastningen på servern och kan sakta ner din website.

Med detta sagt, låt oss ta en titt på hur du kan visa de mest kommenterade posterna i WordPress utan ett plugin.

Lägga till code snippet i filen functions.php

Du vill lägga till koden nedan i din functions.php-fil. Vi rekommenderar att du gör detta med hjälp av WPCode-pluginet. Det är det säkraste och bästa sättet att lägga till anpassad kod till din WordPress-blogg.

Först måste du installera och aktivera pluginet WPCode. För mer detaljer, vänligen se vår guide om hur du installerar ett plugin för WordPress.

När du är aktiverad kan du gå till Code Snippets ” + Add Sn ippet-sidan från din WordPress dashboard och välja alternativet ”Add Your Custom Code (New Snippet)”.

Därefter kan du add to ett namn för ditt code snippet högst upp på page. Därefter väljer du ”PHP Snippet” som code type från dropdown-menyn till höger.

Nu är det bara att copy and paste den här koden i rutan ”Code Preview”:

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

När det är gjort klickar du bara på Toggle för att göra koden ”aktiv” och trycker sedan på knappen ”Save Snippet” högst upp.

För mer detaljer, vänligen kontrollera vår guide för nybörjare om att klistra in snippor från webben i WordPress.

Koden kommer att köra en sökning i databasen och hämta 10 post ordnade efter det högsta antalet kommentarer. Sedan använder den utmatningsbuffring för att skapa en shortcode som du kan använda för att visa posterna.

Den sista raden i koden skapar en shortcode som du kan använda i dina posts, pages och widgetar areas.

För att visa dina populära posts behöver du bara add to följande shortcode på din site i WordPress.

[wpb_most_commented]

Mer detaljer finns i vår guide för nybörjare om hur du lägger till en shortcode i WordPress.

Om du vill lägga till thumbnails bredvid dina inläggstitlar, lägg sedan till följande kodrad direkt efter <li> taggen i koden ovan.

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

Den här koden definierar den anpassade storleken för inläggsminiatyrernas images. You can adjust the size to meet your needs.

Styling av dina mest kommenterade posts med CSS

När du har gjort det kan du utforma hur dina mest kommenterade posts ska visas.

För att göra detta kan du ändra CSS-klasserna . most-commented och .wpb-comment-count i ditt WordPress-temas stylesheet.

Du kan använda följande CSS för att komma igång:

.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;
}

För att add to CSS till ditt website temas stylesheet kan du använda WPCode.

Gå bara till Code Snippets ” + Add Snippet från din WordPress dashboard och välj alternativet ”Add Your Custom Code (New Snippet)”.

Därefter enter du CSS-koden under Code Preview area och add to en titel för ditt snippet.

Se sedan till att du klickar på dropdown-menyn Code Type och väljer alternativet ”CSS Snippet”.

När du är klar, glöm inte att toggla till ”Activate” och klicka sedan på knappen ”Save Snippet” högst upp.

För mer details, se vår guide om hur du enkelt lägger till custom CSS på din WordPress site.

Bonus: Display Popular Posts By Views i WordPress

Om du inte vill visa blogginläggen med flest kommentarer kanske du vill visa de artiklar som är trendande och har flest användare view på din website.

Detta kan öka konverteringarna och hjälpa visitorerna att upptäcka det content som deras läsare gillar mest.

För att visa populära posts efter views kan du använda MonsterInsights och dess Dimensions addon. För mer information, se vår MonsterInsights review.

När du är aktiverad besöker du sidan Insights ” Settings från WordPress dashboard och växlar till tabben ”Conversions”. Här klickar du på knappen ”Add New Custom Dimensions”.

Detta öppnar en rullgardinsmeny, där du måste välja ”Inläggstyp”. Nu kommer MonsterInsights att börja spåra dina blogginläggs prestanda.

Gå sedan till Insights ” Popular Posts page från WordPress dashboard och växla till fliken ”Popular Posts Widget”.

Här kan du konfigurera layout, bakgrundsfärg och textfärg för ditt widget. När du har gjort det rullar du ner till sektionen ”Sortera efter” och väljer alternativet ”Curated”.

Därefter aktiverar du alternativet ”Add Top 5 Posts from Google Analytics” under.

Du kan nu embeda blocket ”Populära inlägg” på den page eller post där du vill visa de mest populära inläggen efter views. För detaljer, se vår tutorial om hur du visar populära posts efter views i WordPress.

Vi hoppas att den här artikeln hjälpte dig att visa de mest kommenterade inläggen i WordPress. Du kanske också vill se vår poradnik om hur du stänger av kommentarsaviseringar i WordPress och vårt expertval av de bästa relaterade inläggs-pluginsen för WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.