Post Date block

Go to the List of Blocks

Use the Post Date block to display the publication date of a post or page. You can add this block directly to a page template in the Site Editor, such as the Single Post or Page template, to ensure a consistent layout across your site. You can also add it inside a Query Loop block to customize the appearance and layout of your post feeds.

Add a Post Date block

To add the Post Date block, click the + Block Inserter button in the top-left corner of the editor. Search for the Image block and click on the block to add it to the page.

You can also quickly add the Post Date block by typing /post date and pressing Enter.

Detailed instructions on adding blocks.

Add to a template

The Post Date block can be added to a template in the Site Editor to easily reflect the published date of a page or post across your website.

Block toolbar

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

Transform

Click on the Transform button to convert the Post Date block into a Modified Date, Group, Columns or Details block.

You will also see a “This block is connected” message indicating that the block has a binding to the Post’s published date.

Block moving tools

The block-moving tools allow you to move the block in the editor. Use the six dots icon to drag and drop the block and place it anywhere on the page. Alternatively, click on the up and down arrows to move the block up or down.

Get more information about moving a block within the editor.

Change text alignment

Click the Change alignment button in the Block toolbar to display the alignment drop-down. You can align the block text to the left, make it center-aligned or align it to the right.

Change date

Click the Change date button in the Block toolbar to display a modal with date settings.

You can select the publishing date and time through the input fields and options or select the date from the calendar. You can use the arrow buttons or drop down box to select a different month.

Click anywhere outside the modal, press the Escape key, or click on the button with the X to close the modal.

More options

These controls give you the option to copy, duplicate, and edit your block as HTML.

Read about these and other settings.

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, click on the Settings button next to the Save/Publish button.

Transform to variation button

The Post Date block can be easily transformed into a Modified Date block either by choosing the Transform button on the block toolbar or the Transform to variation button from the block settings.

The Image block settings panel is divided into two tabs – Settings, and Styles.

Settings

Default format

This option is toggled on when you first add a Post Date block. Your site’s Default format can be changed in the site settings area, see customize default date and time format to learn how.

To change the Post Date block to use a different format from your site’s default format, toggle off the Default format settings.

You can choose a format from a list of predefined selections under Choose a format.

Or you can choose Custom from the drop down and enter a new format string in the input box that appears.

Link to Post

Toggle on the Link to post option to link the post date to the URL of the post. In a Query Loop block, this enables the website visitor to go to the post by clicking on the Post Date.

Advanced

The following Advanced settings options are available: HTML Anchor, Additional CSS Class(es), Additional CSS, and Styles.

Learn more about advanced settings.

Styles

Color

The Post Date block provides Color settings options to change the text and background colors.

See this guide for more information about changing colors.

Typography

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

Get more details about changing typography settings.

Dimensions

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

Learn more about dimension controls.

Border

The Post Date block provides border settings options to add border color, width, and radius.

Learn more about border settings.