Archives Block

The Archives Block lets you insert an Archives widget into your content to display a monthly archive of your posts …

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

WordPress Block Editor – Archives Block

WordPress Gutenberg - Archives Block

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

***

***

Archives Block – Description

The Archives block lets you organize your previously published posts by month, allowing users to browse your older content.

WordPress Block Editor - Archives Block.
Add monthly post archives to your site using the Archives Block.

How To Use The Archives Block

In this section, we’ll cover:

  • How to add an Archives block to your content.
  • How to edit and configure your Archives block and block settings.
  • How to remove the Archives 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 An Archives Block

To add an Archives block to your content:

  • Either:
    • Click on the Add Block tool in the Editing Toolbar section and select an Archives block (in Most Used or Widgets section), or
    • Add the Archives block in the Content Area.
  • Use the tools in the Archives Block Editor or Block Settings section to edit or configure your archives.

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 an ‘Archives’ block…

Add Block Tool - Add Archives Block.
Add an Archives block to your posts or pages using the Add Block Tool.

Or select an Archives block from the Inserter tool in your Content Area

Content Area- Add an Archives block.
Use the Inserter tool to add an Archives block to your posts or pages in the Content Area.

After adding an Archives block, you can:

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

How To Edit An Archives Block

To edit an Archives block:

  • Click inside the Archives block to select it.
  • Use the Block Editor tools to change block alignment (left, center, right).
  • Use the Block Settings to configure block settings (display as dropdown, show post counts).
Change the block alignment
Archives Block - Change block alignment.
Change block alignment.
Edit the Archives Block settings
Edit Archives block settings.
Edit the Archives block settings.

Update and publish your post or page to save your settings.

How To Remove An Archives Block

To delete or remove an Archives block from your content:

  • Click inside the Archives 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 an Archives block.
Removing an Archives block.

Additionally…

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

Archives Block Tools, Options & Settings

The Archives block includes tools, options, and settings for:

  • Archives Block Editor
  • Archives Block Settings

Archives Block Editor

Archives block editor.
Archives block editor.

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

  • Display Block Type (See ‘Archives Block – Additional Info’ section below.)
  • Align Block
    • Align left
    • Align center
    • Align right
  • More Options
    • See the ‘More Options’ menu section in the Content Area tutorial for more details.

Archives Block Settings

Archives block settings.
Archives block settings.

Archives block settings include:

  • Block description area
  • Archives Settings
    • Display as Dropdown – Turns your list of items into a dropdown menu.
    • Show Post Counts – Display how many posts are included in each archived period.
  • Advanced Settings
    • Additional CSS Class(es) – Style items in the block using CSS.

Archives Block – Additional Info

  • The Archives block can be converted into the following block types:
  • Installing plugins or themes on your site may also add new functionality, options, or settings to Archives blocks.
WordPress Block Editor - Archives Block
WordPress Block Editor – Archives Block

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

To learn how to use other blocks, see the list of tutorials here: WordPress Block Editor – How To Use Blocks

***

"I have used the tutorials to teach all of my clients and it has probably never been so easy for everyone to learn WordPress ... Now I don't need to buy all these very expensive video courses that often don't deliver what they promise." - Stefan Wendt, Internet Marketing Success Group

***

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 Archives Block.