Use the Archive Title block to display the name of the Category, Tag, or custom Taxonomy, on the archive pages.
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.
Detailed instructions on adding blocks can be found here.
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
Click on the “Transform” button to convert the Archive Title block into a “Group” block or “Columns” 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.
The up and down arrow icons can be used to move the block up and down on the page.
Detailed instructions on moving a block within the editor can be found here
- 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:
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.
The More option on a block toolbar gives you more features to customize the block.
Show/Hide more settings
The (Show)Hide more settings option hides (or shows) the Block Setting panel in the editor’s sidebar.
Copy can be used to copy a selected block and then you can paste it wherever you want in the editor.
Duplicate can be used to duplicate selected block.
Insert a new block before the selected block(s).
Insert a new block after the selected block(s).
When you select Move To, a blue line will be displayed inside your content. You can then use the arrow keys to move the blue line up or down based on where you want the selected block to be moved into. Once the blue line is in the new location, hit ’Return’ on your keyboard. This will move the selected block to the new position.
Make template part
The Make template part option allows you to convert the selected block into a template part.
Add to Reusable blocks
The Add to Reusable blocks option lets you add the selected block to a list of reusable blocks, so you can use them on other pages.
Select the Group option if you want to group multiple blocks into one unit. This option is useful if you want to add a background color to multiple blocks.
Remove Query Title
With the Remove Query Title option, you can delete the selected block from your page.
Click here to learn more about the More options.
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.
You can customize the text color and background color for the Archive Title block. The color options available will vary based on the theme.
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.
To change the font size, you can select the numbers 1 (for small), 2 (for medium), 3 (for large) or 4 (for extra large).
Click on the slider icon to the right of Size to add custom font size in the text field.
Clicking on PX will open a drop-down with options for other font units -PX, Em, and Rem.
Click on the Font family drop-down to change the font for the archive title. The values in the drop-down will vary based on the theme.
Click on the Appearance drop-down to change the font weight for the archive title. The values in the drop-down will vary based on the theme.
You can increase or decrease the value for the line height by clicking on the up or down arrow handles in the Line height text field or by typing in your custom value inside the text field.
You can change the Letter case from uppercase (all letters are in uppercase), lowercase (all letters are in lowercase) or capitalize (where the first letter of each word is uppercase).
You can adjust the Letter-spacing by typing in a custom value in the Letter-spacing text field. Clicking on PX will open a drop-down with options for other units -PX, %, EM, REM, VW, VH.
You also have the option to Reset all the typography changes you made by clicking on the Reset all option in the dropdown.
Click on the ‘+” icon to the right of Dimensions to explore the Dimensions Settings for the block.
Click on Margin from the drop-down to display the Margin Dimension Settings for the Archive Title block. The Margin setting affects the space around the selected block. You can type in a custom value in the text field if you want the same spacing all around the block.
You can change the unit for Margin by clicking on PX to display a dropdown with the other supported units- %, EM, REM, VW, and VH.
Click the Link icon to the right, to set different spacing values for top, right, bottom and left of the block.
You can type in a custom value in any of the four text fields. You can also change the unit for margin by clicking on PX to display a dropdown with the other supported units- %, EM, REM, VW, and VH.
Click on the Link icon once again if you want to have the same value for margin all around the block.
You also have the option to revert all the Dimension changes you made, by clicking on the Reset all option from the dropdown.
Click here to learn more about the Dimensions 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.
- Created 2022-03-10