Latest Posts Block

The Latest Posts Block displays a list of your site’s most recent posts …

Get Thrive Leads for WordPress

WordPress Gutenberg Blocks – Latest Posts

WordPress Gutenberg - Latest Posts Block

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

***

Latest Posts Block Description

The Latest Posts Block displays a list of your site’s most recent posts.

Display your latest posts on WordPress using the Latest Posts Block

(Display your latest posts on WordPress using the Latest Posts Block)

How To Use The Latest Posts Block

To add a Latest Posts Block:

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

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 Posts’ block …

'Add Block' Tool - Add Latest Posts Block

(‘Add Block’ Tool – Add Latest Posts Block)

Or, select a Latest Posts Block in the Content Area

Add a Latest Posts Block from the Content Area

(Add a Latest Posts Block from the Content Area)

After adding a Latest Posts Block, you can:

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

How To Edit A Latest Posts Block

To edit a Latest Posts Block:

  • Click inside the Latest Posts Block to select it.
  • Use the Block Editor tools to:
    • Change the alignment of the block.
    • Change the width of the block.
    • Change the layout of the block.
  • Use the Block Settings to configure block settings.

You can change the alignment of the block …

Edit a Latest Posts Block

(Edit a Latest Posts Block)

You can also configure your Latest Post Settings …

Latest Posts Block Settings

(Latest Posts Block Settings)

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

How To Remove A Latest Posts Block

To delete or remove a latest-posts block:

  • Click inside the Latest Posts 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 Posts Block

(Remove a Latest Posts 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 Posts Blocks into Reusable Blocks.

Latest Posts Block Tools, Options & Settings

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

  • Latest Posts Block Editor
  • Latest Posts Block Settings

Latest Posts Block Editor

Latest Posts Block Editor

(Latest Posts Block Editor)

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

  • Display Block Type (See ‘Latest Posts Block – Additional Info’ section below.)
  • Align Latest Posts Block
    • Align center
  • Set Block Width
    • Wide width
    • Full width
  • Display
    • List view
    • Grid view
  • More Options

Latest Posts Block Editor

(Latest Posts Block Editor)

Latest Posts Block Settings

Latest Posts Block Settings

(Latest Posts Block Settings)

Latest Posts Block settings include:

  • Block description area
  • Latest Posts Settings
    • Order By
      • Newest To Oldest
      • Oldest To Newest
      • A -> Z
      • Z -> A
    • Category – Displays only posts assigned to that category.
    • Number of items
      • Slide to increase/decrease number of posts to display.
      • Type in the number of posts to display.
      • Click up/down buttons inside number field to increase/decrease number of posts to display.
    • Display post date (on/off)
  • Advanced Settings
    • Additional CSS Class

Latest Posts Block Settings

(Latest Posts Block Settings)

Latest Posts Block – Additional Info

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

***

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

WordPress Gutenberg - Making WordPress Easier For Non-Techies

***

"Wow! I never knew there's so much to learn about WordPress! I bought one of the WordPress for Dummies three years ago, such authors need to be on this course!" - Rich Law, Create A Blog Now

Author: Martin Aranovitch

Martin Aranovitch is the founder of WPCompendium.org and the author of The Small Business Digital Manager. WPCompendium.org provides hundreds of FREE tutorials that show you how to use WordPress to grow your business online with no coding skills required! Get our FREE "101+ WordPress Tips, Tricks & Hacks For Non-Techies" e-course with loads of useful WordPress tips!

Originally published as Latest Posts Block.