If you’re running a WordPress blog, one of the most important ways to engage with your readers is through comments. Your readers can share their thoughts, ideas, and feedback on your content through comments. However, it can be frustrating for both you and your readers if it’s difficult to find the latest comments. By default, WordPress displays comments in chronological order, which means the most recent comments appear at the bottom of the page. In this article, we’ll show you how to display recent comments on top in WordPress.
How to Display Recent Comments on Top in WordPress:
Navigate to Customize
Log in to your WordPress dashboard and navigate to Appearance > Customize.
Click Additional CSS
Click on the “Additional CSS” option to add custom CSS code. Paste the following code into the CSS box:
ol.commentlist {
counter-reset: li;
}
ol.commentlist li {
display: block;
margin-bottom: 50px;
position: relative;
}
ol.commentlist li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -30px;
top: 50%;
margin-top: -20px;
background: #1e8cbe;
height: 40px;
width: 40px;
text-align: center;
font-weight: bold;
color: #fff;
border-radius: 50%;
}
ol.commentlist li:after {
content: '';
position: absolute;
left: -12px;
top: 0;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 12px solid #1e8cbe;
z-index: 0;
}
ol.commentlist li .comment-body {
margin-left: 50px;
}After pasting the code, save the changes.
Conclusion
In conclusion, displaying recent comments on top in WordPress can help your readers find the latest comments easily, and also encourage them to engage more with your content. With just a few simple steps, you can customize your WordPress site to display recent comments on top. By using this method, you can easily keep up with the latest discussions and keep your readers engaged with your content.
Things To Consider When Displaying Recent Comment On Top In WordPress
Here are some additional things to consider when displaying recent comments on top in WordPress:
Performance: Displaying recent comments on top can slow down the loading speed of your website, especially if you have a large number of comments. You can optimize your website’s performance by using caching plugins, minifying your code, and using a content delivery network (CDN).
Design: While displaying recent comments on top can make it easier for readers to find the latest comments, it can also affect the overall design of your website. Make sure that the new design aligns with your brand and aesthetics.
Moderation: Displaying recent comments on top can also increase the visibility of spam comments. Make sure to moderate your comments regularly and use anti-spam plugins to reduce the number of spam comments.
Compatibility: Some WordPress themes and plugins may not be compatible with the code used to display recent comments on top. Before implementing this feature, make sure to test it on a staging site or a local development environment.
By considering these factors, you can ensure that displaying recent comments on top in WordPress is a positive addition to your website.
