Archive Title Block

Go to the list of Blocks

Use the Archive Title block to display the name of the Category, Tag, or custom Taxonomy, on the archive pages. 

Note: This block works only in the archive pages and will not be visible on other pages of the website. This block should be used only in the Site Editor to edit the archive page templates.

To add an Archive Title block, click the Block Inserter icon when editing the archive page template. Search for the Archive Title block. Click on it to add the block to your page template.

Video showing how to add the Archive Title block

You can also type /archive-title and hit enter in a new paragraph block to add the Archive Title block quickly. 

How to add Archive Title block quickly
How to add Archive Title block quickly

Detailed instructions on adding blocks

Block Toolbar

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

Every block comes with unique toolbar icons. These block-specific controls allow you to manipulate the block right in the editor.

The Archive Title block shows seven buttons in the block toolbar:

  • Transform to
  • Drag icon
  • Move arrows
  • Change alignment
  • Change heading level
  • Change text alignment
  • More options
Archive Title Block Toolbar
Archive Title Block Toolbar

Transform to:

Transform options for Archive Title Block
Transform options for Archive Title Block

Click on the “Transform” button to convert the Archive Title block into a “Group” block or “Columns” block. 

Drag icon:

Drag icon in the Archive Title Block
Drag icon in the Archive Title Block

To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag 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:

Move arrows in the Archive Title Block
Move arrows in the Archive Title Block

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 alignment:

Change alignment options in the Archive Title Block
Change alignment options in the Archive Title Block
  • 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.

Change heading level:

Change heading level for the Archive Title Block
Change heading level for the Archive Title Block

You can choose the heading level for the archive title from H1-H6.

Change text alignment:

Change text alignment for the Archive Title Block
Change text alignment for the Archive Title Block

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.

More option

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

More option in the Archive Title Block
More option in the Archive Title Block

Read about these and other settings.

Block Settings

In addition to the block toolbar, every block has specific options in the editor sidebar.

If you do not see the sidebar, click the ‘cog’ icon next to the Save button.

How to turn on the Block Settings sidebar
How to turn on the Block Settings sidebar
Block Settings in the Archive Title Block
Block Settings in the Archive Title Block

Color

You can customize the text color and background color for the Archive Title block. The color options available will vary based on the theme. Pick a color from the suggestions, or add a custom color using the color picker or by adding a color code.

Color Settings in the Archive Title Block
Color Settings in the Archive Title Block

See this guide for more information about changing colors.

Typography

On this tab, you can adjust the Font size, Appearance, Letter case, Font family, Line height and Letter-spacing. 

To access all the typography options click on the + button in the right corner of the Typography tab.

Typography Settings in the Archive Title Block
Typography Settings in the Archive Title Block

Get more details about changing typography settings.

Dimensions

Click on the ‘+” icon to the right of Dimensions to explore the Dimensions Settings for the block. Dimension controls are used to control how groups of blocks are placed alongside one another, by changing the values for padding, margin, and other dimensions

Dimension setting in the Archive Title Block
Dimension setting in the Archive Title Block

Learn more about dimension controls.

Advanced settings

The “Advanced” tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles to the block.

Advanced option in the selected Block
Advanced option in the selected Block

Changelog

  • Created 2022-03-10

Was this article helpful? How could it be improved?

First published

Last updated