WordPress Threaded Comments

I have been needing to change my comments to Threaded Comments for some time. I finally took the time to do this, and thought I would share these simple steps to accomplish Threaded Comments using the latest standard WordPress system without any plugins.

The one thing you need before you start is a copy of WordPress 2.7+ so you can copy some code. Just a little side tip here. Even though most of my sites and clients have one button install of WordPress, I keep a copy of each version that is released on a thumb drive with my other web stuff so I always have it handy. I also sync that thumb drive up to a hard drive in my office for backup!

Here are the steps to take to convert your comments to threaded comments as they appear here on my site.

  • Copy \wp-content\themes\default\comments.php from WordPress 2.7+
  • Copy \wp-content\themes\default\comments-popup.php from WordPress 2.7+
  • Copy code from \wp-content\themes\default\header.php, and place in your header file.  <?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>
  • Copy the Updated styling code from this great article by Chris Harrison
I modified 2 lines of code in the stlyesheet once I copied it over from Chris Harrisons’ Example. I did not like the word “says” showing up, so I turned it off, and I changed the meta link to the comment to match the rest of the site.

Turn off  “says” :

  • From : ol.commentlist li div.vcard span.says {}
  • To: ol.commentlist li div.vcard span.says {display:none;}
Change Meta link color:
  • From: ol.commentlist li div.comment-meta a { color:#ccc; }
  • To: ol.commentlist li div.comment-meta a { color:#003366; }

That’s it, about a 5 minute process to convert to WP Threaded Comments on a WordPress blog. Pretty painless too. Big thanks to Chris Harrison for his excellent post on styling Threaded comments!

2 thoughts on “WordPress Threaded Comments

  1. Ah ha, I see now! Good stuff, like how you bulleted the steps. I would normally just remove the innards that causes “says” to show up, but then, I never thought of just masking the tag with a display:none. Nicely done!

  2. Thanks for your help on this. I was working on an update of my comments_template for a while and hab some difficulty with.

    Somehow it never occurred to me to take the default theme as a reverence. I tried to understand the working of the technique from ohter themes. But of cource the best why is to look it all up in the default templates. Well, it finally worked!

Leave a Reply

Your email address will not be published. Required fields are marked *