Calendar block

Go back to the list of Blocks

The Calendar block displays your posts in a calendar format. When you publish a new post, it is automatically added to the Calendar block. If you click on a date, it will open the archive of posts published on that date.

The Calendar block does not let you create a calendar of events. For that, you need an Events calendar plugin.

By default, it shows the current month and links to the posts published on various days in that month.

Add a Calendar block

To add the Calendar block, click the (+) icon to open the block inserter pop-up window. Look for the Calendar block using the search bar and click the block icon to add it to the editor.

You can also type /calendar and hit enter in a new paragraph block to add one quickly.

Detailed instructions on adding blocks

Block toolbar

Each block has its own block-specific controls that allow you to manipulate the block right in the editor. The Calendar block contains the following options:

• Transform to
• Move controls
• Change alignment
• More options

Transform to

The Transform to tool allows you to convert the Calendar block into the Details, Columns, Group, or the Archives block.

Move controls

Click the the drag/drop button (six dots) to move the block to a new location on the page. A blue separator line appears to indicate where the block will be placed.

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

Change alignment

Use the Change alignment tool to modify the alignment of the Calendar block. Select the tool and pick one of the following alignment options:

• None – Leaves the block the current size.
• Wide width – Increase the width of the post beyond the content size.
• Full width – Extend the block to cover the full width of the screen.
• Align left – Make the block left-aligned.
• Align center – Make the block alignment centered.
• Align right – Make the block right aligned.

Wide width and Full width only display if these width options are supported in your theme.

More options

The More options menu (three dots) includes common block actions, such as copy, duplicate, lock, and edit as HTML.

Read about these and other settings.

Block settings

Color

With Color settings, you can change the color of the text, the color of links, and the background color of your block. For the Calendar block, this means that you can style the date/month text to be different than the calendar’s background color.

See this guide for more information about changing colors.

Typography

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

For details, refer to this support article: Typography settings overview

Advanced

The Calendar block provides the following Advanced settings options: HTML anchor, Additional CSS Class(es), and Styles.

Learn more about advanced settings