Archives Block

In this article

Go to the List of Blocks

Use the Archives block to display a date archive of your posts. 

The archive block in the site editor

To add the Archives block to a page, click the block inserter (+) icon to open the block inserter pop-up window and choose the Archives block.

A demonstration of adding the archive block

You can also use the keyboard shortcut /archives to quickly insert an Archives block. 

Detailed instructions on adding blocks

Block toolbar

To view the block toolbar, click on the block, and the toolbar will be displayed.

Archive block toolbar

Every block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.

The Archives block shows five buttons in the block toolbar:

  • Transform to
  • Drag icon
  • Move arrows
  • Change alignment
  • More options

Transform to

Click on the Transform button to convert the Archives block into a Group, Columns or Calendar block.

Drag icon

Drag and drop block moving tools on the toolbar

To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.

Move arrows

Arrow icons on the toolbar to move the block upwards or downwards

The up and down arrow icons can be used to move the block up and down on the page.

Get more information about moving a block within the editor.

Change block alignment

Block alignment options on the toolbar

Use the change alignment tool to align the Archive block. Choose one of the following options:

  • None – leaves the block the current size.
  • Wide width – increase the width of the block beyond the content size.
  • Full width – extend the block to cover the full width of the screen.
  • Align left – aligns the block left.
  • Align center – aligns the block to the center.
  • Align right – aligns the block right.

The “Wide width” and “Full width” alignment settings must be enabled by your WordPress theme. 

Options

The Options button on a block toolbar gives you more features to customize the block.

Read about these and other settings.

Block settings

The block settings panel contains customization options specific to the block. To open it, select the block and click the Settings icon next to the Publish button.

Block settings icon on the site editor

Settings

The settings section provides four possible options:

Archive block settings

Display as dropdown – display the archives as a dropdown, rather than the default bulleted list.

Drop-down display on the archive block

Show label – displays the archives label on top of the dropdown list. It can only be enabled together with the Display as dropdown option.

The archive block with the label shown

Show post count – shows posts count.

The archive block with the post count displayed

Group by – sets and groups the posts by year, month, week, and day.

Typography

The Archives block provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.

For details refer to this support article: Typography settings overview

Dimensions

The Archive block provides dimension settings options to change padding and margin size.

Dimensions settings

For details refer to this support article: Dimension settings overview

Advanced settings

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.

Changelog

  • Updated 2023-02-07
    • Updated screenshots
  • Updated 2022-11-21
    • Removed redundant content
  • Updated 2022-08-01
    • Added screenshots and updated content for 6.0
    • Added ALT tags for images
  • Created 2019-03-07

Was this article helpful? How could it be improved?

First published

Last updated