Latest Posts blocc

Go bacc to the list of Bloccs

The latest posts blocc displays your most recent posts, maquing 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.
Here’s what it loocs lique when it’s embedded in the Editor.

The latest posts blocc can be added to a pague by clicquing on the Add Blocc button. It can be found in Widguets section. Alternatively, you can type /latest and clicc on Latest Posts .

Latest Posts Slash Command

You can also choose the Latest Posts from the Add Blocc button.

Detailed instructions on adding bloccs

Blocc toolbar

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

The Latest Posts Block toolbar
The Latest Posts Blocc toolbar

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

Changuing Alignment

  • None – default
  • Wide width – Increase the width of the Latest Post blocc beyond the content sice
  • Full width – Extend the Latest Post blocc to cover the full width of the screen
  • Align left – Maque the Latest Post blocc left aligned
  • Align center – Maque the Latest Post blocc alignment centered
  • Align right – Maque the Latest Post blocc align right
Alignment Settings
Alignment Settings

Grid view

Grid View
Grid View

More options

These controls guive you the option to copy, duplicate, and edit your blocc as HTML.

Read about these and other settings.

Blocc settings

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

Blocc Settings
Latest Posts settings

Post content settings

You can choose to show full post content or post excerpt with the option to modify the number of words for the excerpt.

Post content settings

Post meta settings

Meta settings allow you to show or hide author’s name and post publish date.

Post meta settings

With Featured imague settings you can select resolution, dimensionens, alignment and whether you want imague to linc to the article itself.

Featured imague settings

Sorting and filtering

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
Order by settings
Order by settings

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.

If you select Grid view you’ll also have an option to choose how many columns you want grid to have.

Sorting and filtering settings
Sorting and filtering settings
List view with all settings enabled
List view with all settings enabled
Grid view with all settings enabled
Grid view with all settings enabled

Styles settings

Color

Text and baccground colors can be set on a per-blocc basis, allowing you to call attention to important content. Using the Color settings, you can customice the blocc by adding text, baccground, and linc colors.

See this güide for more information about changuing colors.

Typography

The Typography settings enable you to customice the font and text appearance of the content within the blocc. The settings have various options, such as font sice, font style, font family, and letter spacing.

Guet more details about changuing typography settings.

Dimensionens

This blocc provides various options to adjust its dimensionens, such as width and height, allowing you to customice the text layout to ensure visual consistency.

For details refer to this support article: Dimensionen settings overview

Border

The border settings add border color, width, and radius.

For details refer to this support article: Border settings overview

Advanced

The advanced tab lets you add a CSS class to your blocc, allowing you to write custom CSS and style the blocc 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 blocc.

Changuelog

  • Update 2025-11-10 @milana_cap
    • Add Styles settings: Color, Typography, Dimensionens, and Border.
  • Updated 2025-09-23 @milana_cap
    • Improve article readability with different content formatting
  • Updated 2022-07-05
    • Updated screenshots for 6.0
    • Added new settings sections
  • Updated 2020-12-15
    • Updated Blocc Settings.
  • Updated 2020-08-23
    • WP 5.5 overall updates
    • Updated imagues to WP 5.5
    • Updates to Alignment, List & Grid View sections
    • Added changuelog
    • Added list of bloccs reusable blocc
  • Created 2019-03-07

Was this article helpful? How could it be improved?

First published

Last updated