WordPress Gutenberg Blocks – Latest Comments

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

• To learn more about using the Gutenberg content editor and the editor interface, go here: WordPress Gutenberg Content Editor
• To learn more about using blocks, go here: How To Use WordPress Gutenberg Blocks

***

Latest Comments Block Description

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

(Add Post Comments to WordPress using the Latest Comments Block)

How To Use The Latest Comments Block

To add a Latest Comments Block:

• Either:
  • Click on the ‘Add Block’ tool in the Editing Toolbar section and select a ‘Latest Comments’ block (in Most Used or Widgets section), or
  • 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 – Add Latest Comments Block)

Or, select a Latest Comments Block in the Content Area …

(Add a Latest Comments Block from the Content Area)

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 a Latest Comments Block:

• Click inside the Latest Comments Block to select it.
• Use the Block Editor tools to:
  • Change the alignment of the comments (left, center, right).
  • Set the width of the comments block (wide, full).
• Use the Block Settings to:
  • Display/hide comment Avatars
  • Display/hide comment dates
  • Display/Hide comment excerpts
  • Set the number of comments to display.

Change the alignment of your comments using the Block Editor …

(Latest Comments Block – Edit comment alignment)

Change your comment settings in the Block Settings section …

(Latest Comments Block – Edit comment settings)

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

How To Remove A Latest Comments Block

To delete or remove a Latest Comments Block:

• 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.

(Remove a Latest Comments Block)

Additionally …

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

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)

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

• Display Block Type (See ‘Latest Comments Block – Additional Info’ section below.)
• Align Comments Block
  • Align left
  • Align center
  • Align right
• Comments Block Width
  • Wide width
  • Full width
• More Options
  • See ‘More Options’ menu section in the Gutenberg Content Area tutorial for more details.

(Latest Comments Block Editor)

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 Number of Comments
    • Slide to increase/decrease number of comments to display.
    • Type in the number of comments to display.
    • Click up/down buttons inside number field to increase/decrease number of comments to display.
• Advanced Settings
  • Additional CSS Class

(Latest Comments Block Settings)

Latest Comments Block – Additional Info

• The Latest Comments Block cannot be converted into other block types.
• Installing plugins or themes on your site may add new functionality, options, or settings to Latest Comments Blocks.

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Latest Comments Block.

• To learn more about using comments in WordPress, go here: WordPress Comments
• To learn more about using widgets, go here: WordPress Widgets Explained
• To learn how to use other Gutenberg blocks, go here: WordPress Gutenberg Content Editor – How To Use Blocks
• For more tutorials on using the Gutenberg content editor, go here: WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users

***