Top 10 Tutorials for Working with WordPress Comments

By Steven Snell | Published November 5th, 2008 in Resources

WordPress offers plenty of flexibility to designers and developers, and the comments section provides some opportunities for creativity. These 10 tutorials will show you some different things that you can do on your own WordPress blogs, or those of clients, to make more of an impact with comments. Some focus on functionality and others on appearance, but all serve a purpose.

UPDATE: We recently launched a gallery site to showcase the best blog designs for your inspiration – Blog Design Heroes.

Hack Together a User Contributed Link Feed with WordPress Comments

This tutorial from NETTUTS has been used by a number of blogs, particularly in the design niche, for creating a community news section. I use a different approach for the news section at DesignM.ag, but Collis’ technique works and it’s not that difficult to set up. It’s a great way to add some user interaction to your blog.

WordPress Comments Tutorials

Adding Form Validation to WordPress Comments Using jQuery

WordPress comment forms can be improved by following this tutorial. As you can see from the image below, When required fields are not entered a message will be shown.

WordPress Comments Tutorials

Separating Trackbacks from Comments

Pingbacks and trackbacks are great because they mean other bloggers are linking to you, but they can also hurt the conversation within the comments by interfering and cluttering things up. Michael Martin shows us how to separate them so the comment section can be a better place for discussion (This is something I have been meaning to do on my blogs for a long time).

WordPress Comments Tutorials

How to Highlight Author Comments in WordPress

When blog readers are browsing through comments or looking for a response to one of their own comments, it can be helpful if the author’s comments stand out somehow. With CSS you can style author comments just about any way you want so they’ll be seen and noticed. (Once again, something I’ve been meaning to do).

WordPress Comments Tutorials

How to Add Gravatars to WordPress Themes

Gravatars are now being used by many bloggers in the comments section. Fortunately, WordPress has made it pretty simple to get Gravatars into your theme, and this article is a good resource if you’re looking for some help.

WordPress Comments Tutorials

How to: Adding Comment Numbers to Your WordPress Theme

Numbering comments may make it easier for readers to follow the conversation and come back to a particular comment, possibly their own. Adding numbers is pretty simple, and of course they can be styled to your satisfaction.

WordPress Comments Tutorials

How to: Rearrange WordPress Comments (Latest on Top)

Not many blogs use this technique, but some do (including Web Designer Wall). If you’re looking to mix things up a bit, this could be an approach worth trying.
WordPress Comments Tutorials

Adding Effects to the Comment Field

Michael Martin again offers a helpful tutorial, this time covering the possibilities of improving the comment section by styling it. Michael reminds us that comment forms don’t have to be plain white.

WordPress Comments Tutorials

Displaying Comments on Main Page

In some rare situations you may want to dispay comments on the front page. This would not be practical for the typical blog, but there may be some situations where you would want to do this with WordPress. If this applies to you, this tutorial should help.

WordPress Comments Tutorials

Unraveling the Secrets of WordPress’ Comments.php File

If you’re just looking to get more familiar and comfortable with how WordPress handles comments, this is a great resource. You’ll walk away from this tutorial with a beter understanding of WordPress comments, how they work, and how you can alter and customize them to meet your needs.

WordPress Comments Tutorials

For more WordPress resources and tutorials see:


31 Comments
  1. Garcya on November 6th, 2008

    I have used two tweaks from this list, highlight comment author and separate comments from trackback.
    Thank you for the list.

  2. Danh ba web 2.0 on November 6th, 2008

    Thanks for share. Nice post for me !

  3. Michael Martin on November 6th, 2008

    Thanks for the links Steven!

    I’ve bookmarked that tutorial on reordering the comments to have the latest show up first. That might work well for some sites; maybe ones that regularly have multiple pages of comments?

  4. Steven Snell on November 6th, 2008

    Michael,
    You’re welcome, thanks for the great content! Yeah, I think that’s a good place to use the reverse comment order.

  5. Ash on November 6th, 2008

    Great article! I found the one about highlighting the author’s comments most useful. So useful that I’ve implemented it on all my blogs. Its great for letting users find information much quicker especially on comment section with lots of comments.

  6. ProWordpress on November 7th, 2008

    Great post. Thanks..

  7. [...] Visit list please wait…SHARETHIS.addEntry({ title: “Top 10 Tutorials for Working with WordPress Comments”, url: “http://listicted.com/top-10-tutorials-for-working-with-wordpress-comments/” }); Tags: comments, tutorials, wordpress [...]

  8. [...] Designm.ag nos muestran 10 tutoriales sobre comentarios en Wordpress que pueden ayudarnos a mejorar nuestros [...]

  9. [...] Visit list please wait…SHARETHIS.addEntry({ title: “Top 10 Tutorials for Working with WordPress Comments”, url: “http://listicted.com/top-10-tutorials-for-working-with-wordpress-comments-2/” }); Tags: comments, hacks, tutorials, wordpress [...]

  10. [...] Top 10 Tutorials for Working with WordPress Comments [...]

  11. [...] Top 10 tutorials for working with Wordpress comments [...]

  12. [...] Top 10 tutorials for working with Wordpress comments [...]

  13. [...] 10 Tutorials for Working With Wordpress Comments [...]

  14. [...] Top 10 tutorials for working with Wordpress comments [...]

  15. [...] Top 10 Tutorials for Working with WordPress Comments [...]

  16. Rosario on July 23rd, 2009

    Thanks for the great article :)

  17. Joltivan on July 30th, 2009

    Thanks for the list..nice collection :D

  18. [...] Top 10 Tutorials for Working with WordPress Comments at designm.ag [...]

  19. Sooran on September 15th, 2009

    tancks.
    This Post Helped me
    Good Time

  20. [...] Top 10 Tutorials for Working with WordPress Comments – DesignM.ag [...]

  21. [...] Top 10 Tutorials for Working with WordPress Comments – DesignM.ag [...]

  22. [...] Top 10 Tutorials for Working with WordPress Comments – DesignM.ag [...]

  23. [...] Top 10 Tutorials for Working with WordPress Comments – DesignM.ag [...]

  24. [...] Top 10 Tutorials for Working with WordPress Comments – DesignM.ag [...]

  25. Infographiste on January 30th, 2010

    Great useful tutos list, I will use one of these for my customers, bookmarked, thanks for sharing

  26. Boldis Media on May 20th, 2010

    Thanks for sharing great tutorials!

  27. web development on June 17th, 2010

    thanks for sharing! i’m currently studying how to change the design of comments area of wordpress.

  28. [...] Top 10 Tutorials for Working with WordPress Comments – DesignM.ag [...]

  29. Web Risorsa on July 31st, 2010

    These points are great to have in a blog. But my blog miss some of them. I am very much interested to implement soon in my blog..

  30. vuitton on August 14th, 2010

    Thanks for sharing great tutorials!