Get the free theme
View Categories

Comments on Your Blog

5 min read

Canvas renders the comment thread on single posts using standard WordPress markup, so comments behave the way they do in any WordPress theme, and you style them yourself from the Head code box. There is nothing token driven about the thread itself. What follows is how to turn comments on, how threaded replies work, and how to make the thread look like the rest of your site.

Where comments appear

On a single post, Canvas prints the comment list and the comment form below your Single post markup, whenever a post has comments open or already has comments. The blog index and archive lists do not show the thread; they are for the post cards. If you want a post’s comment count in a card or at the top of a single post, that part is a token, covered below.

Turning comments on

Comments are a WordPress setting, not a Canvas one, which is why there is nothing for them on the Loupely Canvas screen. For posts you write from now on, go to Settings, Discussion and turn on Allow people to submit comments on new posts. That sets the default but leaves existing posts alone. To turn comments on for posts you have already published, open Posts, select the ones you want, choose Bulk actions, Edit, Apply, then set Comments to Allow and update. You can also flip a single post under its Discussion panel in the editor.

Threaded replies

If you want a Reply link under each comment to open the form beneath the comment it answers, turn on Enable threaded (nested) comments under Settings, Discussion. Canvas loads the small core script that moves the form on single posts, so once threading is on, Reply works. With threading off, comments stay in one flat list.

Showing a comment count

A count and a link to the comments are tokens you can place in your Post card or Single post markup. {comment_count} is the number, and {comments_link} is the URL to the post’s comments. Compose them yourself so the wording stays right at any count:

<a href="{comments_link}">Comments ({comment_count})</a>

Writing it as Comments ({comment_count}) reads correctly whether a post has 0, 1, or 40 comments, which a bare {comment_count} comments would not. For the rest of the post tokens, see using tokens in blog posts.

Styling the thread

The thread uses standard WordPress classes, so you style it from your Head code box the same way you style everything else. The containers worth targeting are #comments for the whole area, .commentlist and .comment for the list and each entry, and #respond with .comment-form for the form. A small example:

/* in your Head code box */
.commentlist { list-style: none; margin: 0; padding: 0; }
.comment { padding: 1rem 0; border-top: 1px solid #e3d9c7; }
.comment-form input, .comment-form textarea { width: 100%; }

Canvas imposes no comment styling on its own, so until you write CSS, the thread renders as plain WordPress markup. That is the same trade as the rest of the theme: nothing is styled for you, and nothing fights the styles you write.

If you are on Loupely Canvas Lite, comments and threaded replies work the same way. The one difference is that you put the CSS under Appearance, Customize, Additional CSS rather than a Head code box.

<lc-toy:comment-thread>
Della · 2 days ago
Do not center this. We tried. It looked smug.
Theo · yesterday
The 8:14 ran on time today. Noted for the record.