Comments block

Go to the list of Blocks

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.

A demonstration on how to add and use Comments block

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 button on the Comments block toolbar

The Transform to button lets you change the Comments block into a Columns or a Group block.?

Moving handles

The block moving tools on the Comments block toolbar

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.
The change alignment options on the Comments block toolbar

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.
The vertical alignment options on the Comments block toolbar

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.

The block settings icon

It’s possible to change the Color, Typography, and Dimensions settings. To access them, open the Styles section:

The styles tab

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

The advanced settings on the block settings panel

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?

First published

Last updated