The Comments block is an advanced block that displays post comments with various visual configurations. It contains multiple blocks to show comments, such as Comments Title, Comment Template, Comment Pagination, and Post Comments Form. With the Comments block, adding a comment section to your posts becomes effortless.
To add the Comments block, open the block inserter by clicking the (+) icon on the upper left corner of the editor. After that, look for Comments using the search bar and click it to insert the block into the editor.
Alternatively, you can type /comments on the editor to insert the Comments block manually.
Detailed instructions on adding blocks can be found here.
Block toolbar
Most blocks have their own block-specific controls that allow you to manipulate the block right in the editor.
The Comments Block shows the following buttons:
- Transform to
- Moving handles
- Change alignment
- More options
Transform to
The Transform to button lets you change the Comments block into a Columns or a Group block.
Moving handles
The dotted icons can be used to drag and drop a block to the place of your choosing. The up and down arrow icons can be used to shift a block up and down in your document.
Get more information about moving a block within the editor.
Change alignment
You can modify the alignment of the Comments block using this tool. Click on the icon and select one of the following alignment options:
- None
- Wide width – Increase the width of the block beyond the content size.
- Full width – Extend the block to cover the full width of the screen.
When you transform the Comments block into a Columns block, the toolbar will show an additional tool called Change vertical alignment with three options:
- Align top – makes the block top-aligned.
- Align middle – lets you align the block to the center.
- Align bottom – makes the block right-aligned.
Options
The Options button on a block toolbar gives you more features to customize the block.
Read about these and other settings.
Block settings
The block settings panel contains customization options specific to the block. To open it, select the block and click the Settings button next to the Publish button.
It’s possible to change the Color, Typography, and Dimensions settings. To access them, open the Styles section:
Color
The Comments block provides color settings options to change the text and background colors.
For details, refer to this support article: Color settings overview
Typography
The Comments block provides typography settings to change the font family, appearance, line height, letter spacing, decoration, letter case, and font size.
For details, refer to this support article: Typography settings overview
Dimensions
The Comments block provides dimension settings options to add padding and margin.
For details, refer to this support article: Dimension settings overview
Advanced
Additional CSS Class(es)
The Comments block provides advanced settings for adding CSS class(es), allowing you to style the block using custom CSS code.
HTML Element
Use this feature to select an HTML element in the Comments block.
Changelog
- Updated 2023-05-09
- Updated for WordPress 6.2 update
- Updated 2023-03-07
- Fixed the link to Comment Pagination block page
- Updated 2023-01-10
- Added dimension settings
- Created 2023-01-04
Was this article helpful? How could it be improved?
Log in to submit feedback. If you need support with something that wasn't covered by this article, please post your question in the support forums.