Vill du visa dina mest kommenterade posts i WordPress?
Genom att lyfta fram dina mest kommenterade posts hjälper du dina besökare att hitta ditt bästa content, öka antalet sidvisningar och öka engagemanget på din website.
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 posts har mycket höga nivåer av engagemang från användarna. Genom att displayed dina populära posts uppmuntrar du new läsare att delta i diskussionen och spendera mer tid på din WordPress website.
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 site kan du övertyga dem om att läsa en annan post, gå med i din email list 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 websites. Med detta plugin kan du enkelt visa dina mest kommenterade posts var som helst på din website.
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.
Obs/observera: det finns en gratis version av MonsterInsights, men vi använder Pro-versionen för denna tutorial eftersom den innehåller funktionen för populära inlägg.
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 ”Theme” som du vill använda för dina posts. Temat fungerar på samma sätt som ditt WordPress-tema och kommer att kontrollera den övergripande utformningen av widgeten för de mest kommenterade posterna.
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 page eller post där du vill visa dina mest kommenterade posts.
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 som tillhandahålls under till din functions.php-fil. Vi rekommenderar att du gör detta med hjälp av WPCode plugin. Det är det säkraste och bästa sättet att add to custom code 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.
Note: Du kan också använda det gratis WPCode plugin, som har alla funktioner du behöver för att lägga till den här koden.
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 kommer att öppna en dropdown menu, där du måste select ’Post Type’. 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 posterna i WordPress. Du kanske också vill se vår ultimata guide till sökmotorsoptimering i WordPress för att få mer trafik, och vårt expertval av de bästa WordPress-tilläggen för företag.
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Ralph says
This article is a gem for bloggers seeking to enhance their website engagement! Displaying the most commented posts is a brilliant strategy to boost overall pageviews.
I used to display 5 most popular posts by views, but that didn’t do the trick.
Most popular is not as interesting as post with comment counter that shows 100+ comments.
Most popular can be meh, but the most commented? People are curious what others have to say.
Thanks for 2 ways of doing this. I tried code, but that didn’t work so I will try plugin. I see it has much more things to offer.
Jiří Vaněk says
Thank you for the snippet. I’d like similar functionality on my friend website as well, but I didn’t want to go down the path of adding another plugin that would consume memory. I use WPCode for snippets, so this snippet will come in very handy.
Nishant Nanda says
Loved this post and one question that do we have to add CSS code after the commented code in functions.php
WPBeginner Support says
You wouldn’t add the CSS in your functions.php, you would want to follow our guide for adding CSS below:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/
Administratör
Rohit Palit says
Great post. It was much needed. Love your simplistic style of explanation.