Latest Posts Block

·

Go back to the list of Blocks

Thelatest posts block displays your most recent posts, making it easy for your readers to see what’s new on your blog.

Here’s what it looks like when it’s embedded in the Editor.

The latest posts block can be added to a page by clicking on the Add Block button. It can be found in Widgets section. Alternatively, you can type /latestand click on Latest Posts.

Latest Posts Slash Command

You can also choose the Latest Postsfrom the Add Block button.

Detailed instructions on adding blocks can be found here.

Block Toolbar

Each block has its own block-specific controls that allow you to manipulate the block right in the editor.

The Latest Posts Block toolbar

The block toolbar for the latest posts block has options for:

Changing Alignment

Alignment Settings
  • Align left – Make the Latest Post block left aligned
  • Align center – Make the Latest Post block alignment centered
  • Align right – Make the Latest Post block align right
  • Wide width – Increase the width of the Latest Post block beyond the content size
  • Full width – Extend the Latest Post block to cover the full width of the screen

“Wide width” and “Full width” alignment need to be enabled by the Theme of your site. 

List view (default)

List view

Grid view

Grid View

Block Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

Block Settings
Block Settings

Latest Posts Settings

The Latest Posts Settings allow you to choose how you wish to order the posts, with choices of:

  • Newest to Oldest (default)
  • Oldest to Newest
  • Alphabetical A to Z
  • Alphabetical Z to A

You also have the option to choose a specific category or subcategory to display the posts from. You may also specify the number of posts to display (if you have fewer posts than the limit, that number of posts will show), as well as toggle the post date on and off.

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Changelog

  • Updated 2020-12-15
    • Updated Block Settings.
  • Updated 2020-08-23
    • WP 5.5 overall updates
    • Updated images to WP 5.5
    • Updates to Alignment, List & Grid View sections
    • Added changelog
    • Added list of blocks reusable block
  • Created 2019-03-07