Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här visar du comments på hemsidan i ditt WordPress Theme

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.

How to show comments on the homepage of your WordPress theme

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.

Navigating to the Full-Site Editor from the WordPress dashboard

Härifrån går du vidare och väljer ”Pages”.

Här ser du alla pages som finns på din website i WordPress.

Choosing Pages in the Full Site Editor

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.

Selecting Blog Home page in the Full Site Editor

Nu klickar du bara på pennans icon ”Edit” bredvid namnet på page.

Då kommer du till gränssnittet för edit.

Selecting the pencil edit button to edit the Blog Home page in the Full Site Editor

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.

The WordPress full site editor

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.

Adding a Latest Comments block in WordPress

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.

Configuring the latest comments on your WordPress homepage

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.

Adding the Latest Comments widget using SeedProd

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.

The WordPress recent comments widget

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.

Adding a title to a recent comments widget

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.

Customizing the latest comments widget

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.

How to customize latest comments on a WordPress homepage

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”.

Publishing a list of latest comments on a custom homepage

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.

How to change the homepage settings in WordPress

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.

Setting a static page as the 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.

Connecting to your site using an FTP client

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.

Adding comments to your WordPress theme using code

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:

Showing comments on the homepage of a WordPress theme

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.

The Thrive Comments WordPress plugin

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

35 kommentarerLämna ett svar

  1. Syed Balkhi

    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!

  2. 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

  3. Ruchi Jain

    thx dear…very useful….

    • WPBeginner Support

      Glad you found our site useful :)

      Administratör

  4. 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

  5. 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

  6. Zia Ahmad

    Thanks, it worked like a charm.

    • WPBeginner Support

      Glad our article could help :)

      Administratör

  7. sujan

    how to upload comments in word press website

  8. 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

  9. Piet

    Very useful! Thanks

  10. 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?

  11. Chris

    Works great! Is there a way so when clicking post comment it won’t redirect to the posts page?

  12. Big Tom

    Has anyone had trouble getting this to work with Disqus?

  13. Faiz Ahmed (KUET)

    That was excellent .. exactly i wanted it. Thanks thanks.

  14. 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

    • 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.

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

  16. Jerad

    Thank you! The $withcomments = ”1”; bit was exactly what I needed.

  17. 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. ;)

  18. 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 :)

  19. jauhari

    Thanks… let’s me try it

  20. Da'Scott Says Ifihadarockidbussyoheadbich

    Just starting with wp so yes i need it thanx

  21. 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

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.