Att visa comments på homepage i your WordPress theme är faktiskt enklare än du tror.
Det fina med WordPress är att det erbjuder flera sätt att customize din website, om det är med hjälp av de inbyggda funktionerna, ett tillägg eller custom code.
If you want to boost your comment section, then displaying comments on the homepage is the way to go. Det kan inspirera new visitors att delta i aktionen och till och med visa upp din trovärdighet som bloggare.
I den här guiden visar vi hur du addar comments till homepage i alla WordPress-teman, även om ditt theme inte har stöd för det som standard.
Why Show Comments on Your Homepage?
Comments är det enklaste sättet för visitorerna att kommunicera med you och med varandra. They allow visitors to send feedback, ask questions, and offer their point of view.
Om dina inlägg får många kommentarer är det ett tecken på att du håller på att bygga upp en aktiv community runt din WordPress-blogg. Med detta i åtanke kanske du vill göra dessa comments mer synliga och framträdande genom att displayed dem på your homepage.
Homepagen är ofta det första som nya besökare ser, så comments kan vara en form av socialt bevis som uppmuntrar förstagångsanvändare att kontrollera mer av din site. Det gör det också lättare för användare att se de senaste konversationerna och engagera sig i diskussionen.
I den här guiden visar vi dig hur du addar comments till homepage, oavsett vilket WordPress theme du använder. Du kan använda snabblänkarna under för att hoppa direkt till den metod du föredrar:
Metod 1: Visa kommentarer på din hemsida med hjälp av blocket för senaste kommentarer
WordPress har ett built-in Latest Comments block som du kan add to på alla pages eller posts.
Det finns tre sätt att använda dem: lägga till blocket som en widget i sidebaren, lägga till blocket i WordPress full site editor eller lägga till blocket med hjälp av en page builder plugin.
Använda blocket Senaste kommentarer som en widget för sidebar på homepage
Om ditt theme låter dig lägga till WordPress widgets på din homepage, kan du helt enkelt lägga till Latest Comments block som en sidebar widget.
För More information om detta kan du följa vår guide om hur du visar de senaste kommentarerna i WordPress sidebar.
Det är dock ej alla themes som stödjer att widgetar läggs till på alla pages. Om du upplever denna issue rekommenderar vi att du skapar din egen homepage med hjälp av WordPress Full Site Editor eller tillägget page builder.
Använda Lates Comments Block i hela Site Editor
Om du använder ett WordPress Block Editor-tema kan du add to Latest Comments-blocket till din homepage med hjälp av Full Site Editor.
För att komma åt editorn går du till Appearance ” Editor.
Härifrån går du vidare och väljer ”Pages”.
Här ser du alla pages som finns på din website i WordPress.
Härnäst väljer du ditt temas homepage.
I det här fallet var det ”Blog Home”, och det var redan inställt som front page på webbplatsen, vilket markeras med husikonen.
Nu klickar du bara på pennans icon ”Edit” bredvid namnet på page.
Då kommer du till gränssnittet för edit.
Gå vidare och klicka på den blå ”+” -knappen högst upp till vänster.
Denna knapp visar all block som är available att använda för your page.
Börja med att skriva ”Latest Comments” i sökfältet.
När rätt block appear är det bara att drag and dropa det till din layout.
När du har lagt till det här blocket kan du konfigurera widgeten Senaste kommentarer med hjälp av inställningarna i menyn till vänster.
Du kan till exempel ändra hur många comments widgeten ska displayed, dölja visitorernas avatarer med mera.
När du är nöjd med inställningen av comment section klickar du bara på knappen ”Save”. Din website WordPress kommer nu att visa de senaste kommentarerna på homepage.
Använda blocket Senaste kommentarer i en page builder
Den andra metoden är bra om du är nöjd med alternativen för customize i WordPress Full Site Editor. Men om du vill lyfta din design rekommenderar vi att du använder ett page builder plugin.
SeedProd är den bästa page buildern på marknaden och gör det enkelt att skapa ett helt custom WordPress theme, inklusive en custom homepage.
För mer information om hur du skapar en homepage med SeedProd, vänligen se vår guide om hur du editerar en homepage i WordPress.
När du har skapat din homepage design, rulla helt enkelt till ”Widgets” section i SeedProd’s vänstra meny.
Här hittar du bara widgeten Senaste Comments och addar den till din layout med drag and drop.
När du har gjort det klickar du på för att selecta widgeten i page preview.
You can now change how many comments appear on your homepage using the ”Number of comments to show” field.
Du kan också add to en valfri rubrik, som kommer att visas ovanför de senaste kommentarerna.
När du är nöjd med hur widgeten är konfigurerad kan du ändra hur den ser ut genom att clicka på tabben ”Advanced”.
Här kan du ändra textfärg, font, avstånd och mycket mer.
Du kan till och med uppmärksamma de senaste kommentarerna genom att lägga till CSS-animationer.
När du gör ändringar kan du clicka på knappen ”Tillämpa” för att se ändringarna i Live Preview. This allows you to try different settings to see what looks the best.
När du är nöjd med hur den customizade homepage ser ut är det dags att publicera den genom att clicka på knappen ”Save”.
Välj sedan ”Publicera”.
När du har publicerat din design måste du säga till WordPress att använda den som din new homepage.
För att göra det, gå bara till Settings ” Läsa i WordPress dashboard.
Här rullar du till ”Your homepage settings” och väljer ”A static page”.
Du kan nu öppna ”Homepage” dropdown och välja den page som du vill använda som new homepage.
Metod 2: Visa kommentarer på din hemsida med hjälp av kod
Ett annat sätt att visa de senaste kommentarerna på din homepage är att använda kod.
Den här metoden rekommenderas om du är bekväm med kodning och ditt custom theme inte stöder Latest Comments block eller widget.
Observera att det inte är den mest nybörjarvänliga metoden. Att lägga till kod på din site kan också orsaka problem, inklusive vanliga WordPress error.
Med detta sagt är det en bra idé att skapa en backup så att du har något att återställa om du får några error.
Om du inte redan har ett tillägg för backup installerat på din site, se vårt expertval av de bästa tillägg för backup för WordPress.
Pro Tips: Istället för att ändra filer inuti ett tema rekommenderar vi att du skapar ett barntema och sedan lägger till code snippet där. Detta är säkrare eftersom det inte finns någon risk för att bryta huvudtemat, och du kommer inte att förlora dina ändringar nästa gång du uppdaterar huvudtemat.
Om det här är första gången du lägger till kod i dina WordPress-filer kan du kontrollera vår guide om hur du kopierar och klistrar in code snippets i WordPress.
För att add to comments till din homepage måste du edit filen index.php. För att komma åt den här filen använder du en FTP-klient som FileZilla, eller så kan du använda filhanteraren i cPanel på ditt WordPress webbhotell.
Om det är första gången du använder FTP kan du läsa vår kompletta guide om hur du ansluter till din site med FTP.
Gå in i FTP-klienten till wp-content/themes.
You can then open the folder for your current theme and find the index.php file.
Öppna nu filen index.php i en textredigerare, till exempel Notepad.
Följ detta och add to följande code snippet inuti WordPress Loop. Detta kommer vanligtvis att vara antingen precis före endwhile-satsen
eller else-satsen
:
<?php
$withcomments = "1";
comments_template(); // Get wp-comments.php template ?>
I temat TwentyTwenty-One måste du till exempel add a code snippet efter twenty_twenty_one_the_posts_navigation()
; och före } else {-satsen
, som du kan se i följande image:
Efter det är det bara att save filen index.php. Om du nu besöker din WordPress site kommer du att se kommentarerna displayed på homepage.
Om du skapade ett barntema och inte ser comments på homepage efter att du har lagt till code snippet, kan du behöva lägga till en extra rad kod.
Om så är fallet, copy and paste då följande kod till index.php-filen i ditt theme:
global $withcomments;
$withcomments = 1;
comments_template(); // Get wp-comments.php template
Bonus tips: Använd ett tillägg för comments för att öka ditt engagement
Om du vill få fler personer att kommentera din website kan du försöka installera ett plugin för kommentarer. Förutom moderation av kommentarer kommer dessa tillägg med funktioner för att uppmuntra fler konversationer på din website.
Ta Thrive Comments, till exempel, som är det bästa plugin för kommentarer på marknaden.
Detta plugin kan öka användarnas engagement genom att lägga till likes och dislikes samt röstning och märken. På så sätt kan andra användare visa uppskattning för kommentarer som de tycker är mest användbara.
Dessutom kan du se hur dina comments presterar, inklusive vilka pages som får mest action och vilka kommentatorer som är mest aktiva. Denna information kan hjälpa dig att räkna ut hur du kan optimera ditt content för engagement ännu mer.
Vi hoppas att denna tutorial har hjälpt dig att lära dig hur du addar comments till ditt WordPress temas homepage. Du kanske också vill kontrollera våra guider om hur du granskar kommentarer i WordPress och sätt att få fler kommentarer på din WordPress-blogg.
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.
Mrteesurez
Thanks for this guide to show comments on home page. What if one is adding it with code and want to make it beautiful, as in, want to add CSS code to style it or will the comment inherit style from theme ?
WPBeginner Support
The template should inherit the normal styling of your comments and you could use CSS to customize it further.
Administratör
Ruchi Jain
thx dear…very useful….
WPBeginner Support
Glad you found our site useful
Administratör
venkatesh
working fine, but here shows 100s of comments how can i disable comments or else remove comments in code
WPBeginner Support
You would remove the code if you no longer want to show the comments on your homepage
Administratör
Stanislaus Okeke
Hy,
Please where exactly am I adding the code? is it on my index.php? or front-page.php or where else?
I’m not good at coding but I can locate the files please
WPBeginner Support
If your theme has a front-page.php you would add it to that file for your static home page
Administratör
Zia Ahmad
Thanks, it worked like a charm.
WPBeginner Support
Glad our article could help
Administratör
sujan
how to upload comments in word press website
WPBeginner Support
If you mean you have a list of comments then you could use the plugin in our article here: https://www.wpbeginner.com/plugins/how-to-import-post-ideas-from-csv-spreadsheet-in-wordpress/
Administratör
nupur
well done
Michelle
I’m sorry if I sound dumb, but I’m not a PHP coder. Can someone please tell me which file I need to edit in order to place this text?
Thank you very much.
Andre Daniel
The functions.php file
Piet
Very useful! Thanks
DebJ
I’m not sure exactly where to add this code. I have the comment box code at the end of my post, but where do I put this? Before or after?
Chris
Works great! Is there a way so when clicking post comment it won’t redirect to the posts page?
Big Tom
Has anyone had trouble getting this to work with Disqus?
Faiz Ahmed (KUET)
That was excellent .. exactly i wanted it. Thanks thanks.
Trisha
Thanks for the great tip (and generally fantastic resource), it set me in the right direction when I needed to create a modification for a child theme (using Genesis as the parent theme) I needed to use the following to get the comments to display:
global $withcomments;
$withcomments = 1;
comments_template( ' ', true );
I hope this helps someone else spend less time on this problem than I did
crystal
helped me! Thanks
Syed ImranAli
Thanks. It helped me
Jenny
helped me thanks!
Jeff
thanks very much for your comments, you give me great hints about this problem. Although this post is published 3 years ago, but it still works.Thanks wpbeginner.
By the way, it’s a good idea to add this on the functions.php of child theme through hook, so your changes won’t lost when updating your theme.
Trisha
Recently, when I was trying to solve this problem in a child theme I needed to add this line above the two shown above in order to get it work:
global $withcomments;
Jerad
Thank you! The $withcomments = ”1”; bit was exactly what I needed.
John
Use:
comments_template(”/comments.php”, true);
otherwise it just repeats the first posts comments for every post.
Josh
Yes!! Thanks for this additional tip, this was driving me crazy.
Japh
Great tip, thanks for posting about it too. I’ve noticed questions about this in the WordPress Support forums a few times with no answer given, so this will no doubt help quite a few people
Faizan Elahi ( BestBloggingTools)
Nice tip !
jauhari
Thanks… let’s me try it
Da'Scott Says Ifihadarockidbussyoheadbich
Just starting with wp so yes i need it thanx
Mitchell Allen
Cool tip. At long last, I’m beginning to dig a little deeper into the WordPress code. I’ve subscribed to your weekly updates! dragonblogger mentioned your blog today and then I saw this tweet in my Gmail (I use @Rapportive)
Cheers,
Mitch