Archive Title Block

In this article

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.

The archive title block on the site editor

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.

Adding an archive title block

You can also use the keyboard shortcut /archive-title to quickly insert an Archive Title block

Detailed instructions on adding blocks

Block toolbar

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

Archive title 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 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

Transform to

Transform options for the archive title block

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

Drag icon

Drag and drop tool 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

Block moving tools on the block toolbar

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

Block alignment tools

Use the change alignment tool to align the Archive Title 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.

Change heading level

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

Change text alignment

Text alignment tools

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.

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 button icon

Here are the options for the Archive Title block:

Settings

It’s possible to toggle between an option to either show the archive type in the title or not.

Show archive tipe toggle setting

An example with this setting enabled:

Archive title with the type enabled

An example with this setting disabled:

Archive title with the type disabled

Color

The Archive Title block provides color settings options to change the text and background colors.

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

See this guide for more information about changing colors.

Typography

The Archive Title 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 Archive Title block provides dimensions settings options to change padding and margin size.

Archive title dimension settings

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.

Archive title block custom CSS option

Changelog

  • Updated 2023-02-07
    • Updated screenshots
    • Fixed some formatting
  • Created 2022-03-10

Was this article helpful? How could it be improved?

First published

Last updated