Tree-styling for threaded comments in WordPress
After quite a bit of wrangling, I got comments to display the way the client wants – in a tree (three levels deep only). I had tried to find a pre-existing solution for this, but none seemed to appear. Using a little wordpress comments tweaking and css’s :last-child pseudoclass, it’s all good to go now. Solution below the jump.
The solution
First you need to have a custom comments function. To do this, I changed the line in comments.php to this:
wp_list_comments('type=comment&callback=ahs_comment')
That tells WordPress to not use its default, but to use a custom function in functions.php called, you guess it, ahs_comment(). Then, of course, we need the css to make it all go. This isn’t all the css for the comments, just the pieces relevant for the tree structure.
Both function and css are in this file.
Lastly, you need the four images:
I know it had to have been possible without the additional image for the Double-V line, but I could not make it work, so here we are with a V and a double V.
