Style Comments by Article Author in WordPress
Posted by RizeCorp Technologies on Saturday, December 24, 2011
Under: Web Design
One
thing that’s good practice to do on a blog is to somehow highlight the
authors comments so they stand out from the other comments. This makes
it a lot easier for the user of the website to visually pick out which
comments are from the author of the blog entry. It might not matter
that much on a page with only a few comments; but if you’re on a page
with a long list of comments it really helps. Instead of reading every
comment, a lot of which might be of no use to you, you can scan down
the page and quickly pick out the authors comments, which have a higher
chance of being important to you.
There’s a lot of plug-ins for WordPress to handle this, but really it’s easier to just do it yourself with a lil CSS. WordPress attaches a class of .by post author on the list item (li) of the comment left by the author of the article. Since this list item wraps around the entire comment, you can easily specify a certain item within the comment and change the styling of it with your CSS, to help it stand out. You’ll see below a couple screen shots of my comments. Notice the subtle changes I made to my comments. The gravatar has a different background color, border color, and even a box shadow. I changed the color of both my name and the color of the text of the comment to help it further stand out. I kept things pretty simple, you could obviously go as crazy as you want. It’s simple things like this that helps to make the user experience better for your blog.
Article Source
Rizecorp is providing website design and development services, including WordPress, jQuery, HTML5, CSS3 and more.
There’s a lot of plug-ins for WordPress to handle this, but really it’s easier to just do it yourself with a lil CSS. WordPress attaches a class of .by post author on the list item (li) of the comment left by the author of the article. Since this list item wraps around the entire comment, you can easily specify a certain item within the comment and change the styling of it with your CSS, to help it stand out. You’ll see below a couple screen shots of my comments. Notice the subtle changes I made to my comments. The gravatar has a different background color, border color, and even a box shadow. I changed the color of both my name and the color of the text of the comment to help it further stand out. I kept things pretty simple, you could obviously go as crazy as you want. It’s simple things like this that helps to make the user experience better for your blog.
Article Source
Rizecorp is providing website design and development services, including WordPress, jQuery, HTML5, CSS3 and more.
In : Web Design