Latest Comments Block

The Latest Comments Block displays a list of your site’s most recent comments …

For a white label version of this tutorial visit WPTrainingManual.com.

WordPress Block Editor – Latest Comments Block

WordPress Block Editor - Latest Comments Block

This tutorial is part of our series WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users.

***

Latest Comments Block – Description

The Latest Comments block displays the most recent post comments readers have left on your site.

Latest Comments block.
Display the latest post comments on your site using the Latest Comments block.

You can add the Latest Comments block to any section of your site where blocks can be used. This includes posts, pages, custom post types (e.g. product pages), widgets, etc.

How To Use The Latest Comments Block

In this section, we’ll cover:

  • How to add a Latest Comments block to your content.
  • How to edit and configure your Latest Comments block and block settings.
  • How to remove the Latest Comments block from your content.

For more details on using blocks (e.g. how to move blocks around your content), see this tutorial: How To Use Blocks.

Adding A Latest Comments Block

To add a Latest Comments block to your content:

  • Either:
    • Click on the ‘Add Block’ tool in the Editing Toolbar section and select the Latest Comments block (in Most Used or Widgets section),
    • Add the Latest Comments block in the Content Area.
  • Use the tools in the Latest Comments Block Editor or Block Settings section to edit and configure your post comments.

Let’s go through the above steps.

First, create a new post or page or open an existing post or page and either:

Click on the Add Block tool and select a Latest Comments block.

Add Block tool - Latest Comments block.
Add a Latest Comments block using the Add Block tool.

Or, select a Latest Comments block using the Inserter tool in the Content Area.

Inserter tool - Latest Comments block.
Use the Inserter tool to add a Latest Comments block to your content.

Either of the above methods will add a Latest Comments block to your content.

Latest Comments block.
Latest Comments block added.

After adding a Latest Comments block, you can:

  • Edit and configure block settings,
  • Save, publish, or update your post or page.

How To Edit A Latest Comments Block

To edit the Latest Comments block:

  • Click inside the Latest Comments block to select it.
  • Use the Block Editor tools to:
    • Move the block to a different location.
    • Change the alignment of the comments (left, center, right).
  • Use the Block Settings to:
    • Display or hide comment Avatars
    • Display or hide comment dates
    • Display or hide comment excerpts
    • Set the number of comments to display.

Let’s go through the above.

You can change the alignment of your Latest Comments block using the Block Editor.

Latest Comments block - Change alignment.
Change the alignment of your Latest Comments block.

useful tip

You can also change the text and background colors of the Latest Comments block.

To do this, hover over the Latest Comments block icon to bring up and select the parent Group block…

Latest Comments block - Parent block

Adjust the text and background colors of your comments block using the Group block’s color settings.

Group block settings - Color settings.
Change the text and background colors of the Latest Comments block using the Group block settings.

You can also change how the comments display in your content using the Block Settings section.

Latest Comments block settings.
Change Latest Comments block settings.

Remember to update and publish your post or page to save your new settings.

How To Remove A Latest Comments Block

To delete or remove the Latest Comments block from your content:

  • Click inside the Latest Comments block to select it.
  • Select the ‘More Options’ tool in the Block Editor.
  • Click on ‘Remove Block’.
  • The block will be removed from your post or page.
Latest Comments block: More Options menu - Remove block.
Use the More Options menu to remove the Latest Comments block from your content.

Additionally…

  • You can reposition your block using the ‘Move Up’ and ‘Move Down’ arrows or the Drag and Drop handle tool (if you need help with this step, see our tutorial on How To Use Blocks).
  • You can also convert the Latest Comments block into a Reusable block.

Latest Comments Block Tools, Options & Settings

The Latest Comments Block includes tools, options, and settings for:

  • Latest Comments Block Editor
  • Latest Comments Block Settings

Latest Comments Block Editor

Latest Comments block editor.
Latest Comments block editor.

The Latest Comments Block Editor includes tools that let you perform the following operations:

  • Change Block Type (See ‘Latest Comments Block – Additional Info’ section below.)
  • Drag & Drop Tool
  • Move Up and Down Tool
  • Change Alignment
    • Align left
    • Align center
    • Align right
  • More Options – See How To Use Blocks to learn how to use this section.

Latest Comments Block Settings

Latest Comments block settings.
Latest Comments block settings.

Latest Comments Block settings include:

  • Block description area
  • Latest Comments Settings
    • Display Avatar (on/off)
    • Display Date (on/off)
    • Display Excerpt (on/off)
    • Set the Number of Comments
      • Slide to increase or decrease the number of comments to display.
      • Type in the number of comments to display.
      • Click up or down buttons inside the number field to increase or decrease the number of comments to display.
  • Advanced Settings
    • Additional CSS Class(es) – This field lets you add multiple CSS classes to your block separated with spaces. This allows you to write custom CSS and style the block as you see fit. Note: This requires having knowledge of CSS (Cascading Style Sheets).

Latest Comments Block – Additional Info

You can convert a Latest Comments block into the following block types:

Latest Comments block - Change block type or style.
Change the Latest Comments block into other block types.

Additionally, installing plugins or themes on your site may also add new functionality, options, or settings to a Latest Comments block.

Sample post with Latest Comments block.
Use the Latest Comments block to display the latest post comments left by users on your site.

Congratulations! Now you know how to use the WordPress content editor’s Latest Comments block.

***

"This is AMAZING! I had learnt about how to use WordPress previously, but this covers absolutely everything and more!! Incredible value! Thank you!" - Monique, Warrior Forum

***

We are not affiliated, associated, sponsored, or endorsed by WordPress or its parent company Automattic. This site contains affiliate links to products. We may receive a commission for purchases made through these links.

For a white label version of this tutorial visit WPTrainingManual.com.
Originally published as Latest Comments Block.