WordPress Comment Design: Tutorials, Considerations, Plugins and Design Inspiration

22nd Oct 2010 | Posted by Eko S. | 26 Comments

Comment on a blog is at the bottom of the page, not seen until visitors already have an impression of your site, but taking the time to design your comments, and your comment form, even little change of field background, border style, font, rounded corners, small icons can make a huge impression on your regular visitors. It subconsciously implies you care about their opinion and want them to engage in discussion on your site.

good comment design

In this post you’ll find some best practices, considerations, tools and design inspirations. Which I hope can help you in designing a beautiful commenting system on your blog.

Tutorials

Considerations

Plugins

Disqus Comment System

The Disqus comment system replaces your WordPress comment system with your comments hosted and powered by Disqus
SI CAPTCHA Anti-Spam

Adds CAPTCHA anti-spam methods to WordPress on the comment form, registration form, login, or all. Also is fully WP, WPMU, and BuddyPress compatible.
Simple Author Highlighter

Simple Author Highlighter is a simple WordPress plug-in that can customize the color of the author’s comments. The installation process is extremely simple and accessible and after install, Simple Author Highlighter can be found in the “Plugins” menu in WordPress.
CommentLuv

Reward your readers by automatically placing a link to their last blog post at the end of their comment. Encourage a community and discover new posts.
Comment Rating

If you’re tired of moderating readers’ comments on your blog, stop doing that and let your readers decide which comment deserves to be shown. If you’re getting outrageous comments on your blog, don’t get too angry yet. Let’s see how many readers feel the same. You can do these tasks (and more) with the Comment Rating plugin.
Yahoo Messenger Emoticons

Yahoo Messenger Emoticons allows you to use the emoticons from Yahoo Messenger both in posts and in comments, instead of default smilies, on your WordPress blog.
IntenseDebate Comments

IntenseDebate comments enhance and encourage conversation on your blog. Build your reader community, increase your comments, & boost pageviews.
Editable Comments

Allows users to edit or delete their own comment.
@ Reply

This plugin allows you to add Twitter-like @reply links to comments. When clicked, those links insert the author name and a link to the comment you are replying to in the textarea.
TinyMCEComments

Why the need of a preview box if you have the What You See Is What You Get Editor (WYSIWYG editor) in the same place as your visitors type in the comments?

Comments and Comments Form Design Inspiration

I really hope you will enjoy this article and will do your own research and considerations, what you like/dislike and why it is so? And I will be happy if you will join to discussion in comments.

17 Comments to “WordPress Comment Design: Tutorials, Considerations, Plugins and Design Inspiration”

Add Comments (+)

Design Blog says:

October 24, 2010 at 03:24

Thanks for the useful collection. , Might wondering if you add our tutorial related to worpress comments tutorial.

“Add Twitter Id field in 5 min” you may have seen this kind of Wp comments style in Colorburned, now everyone can add twitter id field(custom) easliy.
link : http://www.animhut.com/tuts/add-twitter-id-field-to-comment-form-in-5-easy-steps/

Many bloggers applied this and result was better than default settings.

Reply
- Eko S. says:
  
  October 24, 2010 at 23:16
  
  Hi, that is a very useful article…I just add it in the article
  Thanks…
  
  Reply
Luis Lopez G. says:

October 24, 2010 at 18:31

Aesome post, I retweeted this and bookmarked, really useful and complete.
Cheers!

Reply
- Eko S. says:
  
  October 24, 2010 at 23:17
  
  Hi Luis,
  We are glad if this post is useful
  Thanks for the comment
  
  Reply
Devesh says:

October 27, 2010 at 10:29

Hi Eko,

Awesome post and great collection. Just tweeted.

Thanks for sharing this useful stuff.

Reply
- Eko S. says:
  
  October 31, 2010 at 23:35
  
  Hi Devesh,
  
  Thanks…glad you like this post
  
  Reply
satrya says:

November 1, 2010 at 00:44

udah lama gak amin2 kesini, manteb artikelnya

Reply
- Eko S. says:
  
  November 3, 2010 at 23:47
  
  Makasih mas, tetap semangat!!
  
  Reply
Jason says:

November 5, 2010 at 00:09

This is a great post b/c I’ve been going crazy trying to figure out which is the best comment system for my site and I think you may have helped me to decide! Thanks for your hard work!!

Reply
Web Design Service says:

December 4, 2010 at 02:25

Amazing…awesome work

Reply
Fudickar says:

December 14, 2010 at 15:54

Great List helped a lot by considering a new style for my Blogcomments thanks.

Reply
Cristian Olteanu says:

March 6, 2011 at 10:03

I have been checking out a few of your articles and i can state pretty nice stuff. I will surely bookmark your blog.

Reply
AMY says:

September 27, 2011 at 08:40

so wet^_^

Reply
pyq881120 says:

October 12, 2011 at 21:24

Thanks! That’s Good.

Reply
Yordan says:

January 10, 2012 at 03:44

Thank you for sharing with us this great collection!

Reply
zetar says:

October 14, 2012 at 05:22

Yes,your point is great,if you are interesting in packaging,plaese scan the next.
Life is like to buy a packaging, buy a good packaging like to find a good object, we mutually consistent. Buy a bad package, simply do not fit your product, but not worth the candle, if forced to use an incompatibility with their own objects, even if married, it will not last long. Cherish life, to find a good object, buy a good packages.We are special in packaging and Package Manufacturer and please send email to: info@zetarpackaging.com, our website is http://www.zetarpackaging.com
http://itdiscover.com/links/comment/reply/7356

Reply
Kirk Middleton says:

November 10, 2012 at 00:47

you provide a better way of choosing design style of websites and what should take consideraion.By this way of our site can be proved best for commentor can gain better traffic.

Reply