{"id":127957,"date":"2014-04-12T11:30:00","date_gmt":"2014-04-12T15:30:00","guid":{"rendered":"http:\/\/premium.wpmudev.org\/blog\/?p=127957"},"modified":"2014-05-30T01:49:31","modified_gmt":"2014-05-30T05:49:31","slug":"highlighting-comments-on-your-wordpress-site-since-your-last-visit","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/highlighting-comments-on-your-wordpress-site-since-your-last-visit\/","title":{"rendered":"Highlighting Comments on Your WordPress Site Since Your Last Visit"},"content":{"rendered":"

We get a lot of comments on our blog from our awesome members, but it can be hard to keep track of comments.<\/p>\n

It can be a pain to subscribe to comments (more pesky emails landing in my inbox!), though after a few hits of the refresh button, new and old comments blur into one when discussion really takes off on a popular post.<\/p>\n

Luckily, there\u2019s a simple way for site admins to help their readers.<\/p>\n

In today\u2019s Weekend WordPress Project I\u2019ll show you how to highlight new comments made on a post since a person\u2019s last visit.<\/p>\n

\"Comments<\/a>
Easily highlight comments to help returning visitors pick up where they left off.<\/figcaption><\/figure>
\n<\/p>\n

Comments Since Last Visit<\/h2>\n

Developer John Parris has released a fantastic plugin on GitHub called Comments Since Last Visit<\/a>.<\/span><\/p>\n

Simply download the plugin, install and activate it. And that’s it. There are no settings to wade through or boxes to tick. The plugin works straight out of the box.<\/p>\n

When you refresh your site, your new comments will look like this:<\/p>\n

\"Highlighted<\/a>
A highlighted comment, thanks to the Comments Since Last Visit plugin.<\/figcaption><\/figure>\n

When you refresh your site again, comments will return to their usual styling:<\/p>\n

\"Read<\/a>
A read comment using the Twenty Fourteen theme.<\/figcaption><\/figure>\n

The plugin adds a light blue background to new comments. While the plugin itself doesn’t offer any customizations, it’s easy enough to edit the plugin and change the styling of highlighted comments yourself.<\/p>\n

In the plugins interface find the plugin and click “Edit.” Scroll down until you’re almost near the bottom and find this code:<\/p>\n

\"Comments<\/a>
Add any highlighted comments styling directly into the plugin’s code.<\/figcaption><\/figure>
\n
\nAs you can see, there is only one styling: the background is blue. With a little CSS, you can change the background to whatever color you like, add a border, change the font \u2013 style it however you like to match your site.<\/p>\n

For each comment, Comments Since Last Visit<\/a> adds the new-comment<\/em> CSS class, which you can target in themes to control how new comments look.<\/p>\n

If you’re interested in contributing to this plugin, check out Parris’ blog<\/a> or the plugin’s page on GitHub<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

In today\u2019s Weekend WordPress Project we’ll look at highlighting new comments made on a post since a person\u2019s last visit.<\/p>\n","protected":false},"author":164650,"featured_media":128063,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263],"tags":[9798],"tutorials_categories":[],"class_list":["post-127957","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-weekend-wordpress-projects"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/127957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/164650"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=127957"}],"version-history":[{"count":0,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/127957\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/128063"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=127957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=127957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=127957"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=127957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}