Highlight Author’s Comment in WordPress posts

Have you ever seen that post author comments have any differences between visitor comments in WordPress blogs. In default, WordPress serve both comments as in same manner in front end.

Now we are going to do a simple trick to mark Post author comment as different from other comments.

First we need to open style.css in our child theme. Then add some styles on it.

.commentlist .bypostauthor, .commentlist li ul.children li.bypostauthor {
background: #e7f8fb;
}

When WordPress publish content, it generate some dynamic classes & ID with content. When publish comment, WP generate bypostauthor class for post author comments. We just want to style that class for an unique look. That is enough.

If we have multiple authors in our blog, even we can apply different styles for each and every authors by using dynamically generated comment-author-author_name class like below.

.comment-list .comment.comment-author-your_author_name1 { }
.comment-list .comment.comment-author-your_author_name2 { }
.comment-list .comment.comment-author-your_author_name3 { }

Apply styles as per your intension & differentiate post author comment from other users comments in our WordPress blog. There is no any hard moments with this trick.

Recent Posts

  1. Replace string in multiple files - Command line
  2. Solve Grunt error - Port 35729 is already in use by another process
  3. Install WP-CLI
  4. Install LAMP - Apache2 , MariaDB, PHP 7 on Debian 8
  5. Enable / Disable Magento 2 module using command line


Questions / Comments

If you found this article interesting, found errors, or just want to discuss about them, please get in touch. Send an email to hello@sarathlal.com & I like your words.