Use the Post Title block to display the title of a post or page. This block is primarily nested inside a query loop block and helps to customize the appearance of the query loop.
To add a Post Title block, click the Block Inserter icon when editing the page template. Search for the Post Title block. Click on it to add the block to your page template.
You can also type /post-title and hit enter in a new paragraph block to add the Post Title block quickly.
![Slash command triggering the block inserter proposing the title block](https://wordpress.org/documentation/files/2022/12/197788232-5222196b-b0f2-4805-b9a5-7300ac72088f.png)
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 Post 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
![Block Toolbar for the post title block](https://wordpress.org/documentation/files/2022/12/197788365-ecc5a53a-3985-4b8e-8568-5bb1b2d3dede.png)
Transform to
![Block Toolbar for the post title block with an emphasis on the "transform to" option with everything a post title can be transformed to.](https://wordpress.org/documentation/files/2022/12/197788726-1c21a0a0-92b6-4aa7-ab22-94cc668d568a.png)
Click on the Transform button to convert the Post Title block into a Group block or Columns block.
Drag icon
![Block Toolbar for the post title block with an emphasis on the "drag handle" to drag the block to another position](https://wordpress.org/documentation/files/2022/12/197789000-9032d0ff-e29e-4d14-bfef-ef4c09ecf57e.png)
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 Toolbar for the post title block with an emphasis on the "move arrows" to move the block](https://wordpress.org/documentation/files/2022/12/197789358-7b786300-eb14-4b31-bea2-6a9913f0e677.png)
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 Toolbar for the post title block with an emphasis on the "change block alignment" button](https://wordpress.org/documentation/files/2022/12/197789608-c184d751-33d7-458b-af07-8e3c068e6625.png)
- 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
![Block Toolbar for the post title block with an emphasis on the "change heading level" button](https://wordpress.org/documentation/files/2022/12/197789888-94cf061b-bd58-4c39-8ec0-831af1487876.png)
You can choose the heading level for the post title from H1–H6.
Change text alignment
![Block Toolbar for the post title block with an emphasis on the "change text alignment" button](https://wordpress.org/documentation/files/2022/12/197790114-2f67aa11-4fe9-4b53-85d9-5159aec73d2d.png)
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 options
The More Options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate, remove, or edit your block as HTML.
![Examples of the location of the "More Options" menu in a Paragraph block.](https://wordpress.org/documentation/files/2023/08/more-options-generic-6-3.png)
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 or Publish button.
![Block Settings Sidebar with an emphasis on the "settings" button in the Editor Top Bar](https://wordpress.org/documentation/files/2022/12/198240157-92e67cde-cf4b-4631-b6d9-cccf0dc8e698-278x1024.png)
Link
Turn on Make title a link button in the Block Settings to link the post title to the URL of the post. This enables the website visitor to go to the post by clicking on the Post Title. Turn on Open in new tab to make sure that the post opens in a separate browser tab. Link Rel controls the post link’s rel attribute (the relationship between the current document and the linked document), for adding nofollow amongst other things.
![Link settings in the Post Title block](https://wordpress.org/documentation/files/2022/12/Screenshot-2022-12-12-at-2.42.11-PM.png)
Color
Text, link and background colors can be set on a per-block basis, allowing you to call attention to important content. 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 Post Title block](https://wordpress.org/documentation/files/2022/12/198240666-1d61bfcc-fb62-4e56-813c-0afbf0f6af1c.png)
See this guide for more information about changing colors
Typography
Typography settings allow you to change a block’s font size, appearance, line height, letter casing, and spacing.
![Typography Options panel in the Block Settings Sidebar with an emphasis on the "more (3 dots)" button](https://wordpress.org/documentation/files/2022/12/198242122-01046b85-2703-4362-805c-f27fe943827c.png)
Get more details about changing typography settings.
Dimension
Dimension controls are used to control how groups of blocks are placed alongside one another, by changing the values for padding, and margin.
![Dimension setting in the Post Title Block](https://wordpress.org/documentation/files/2022/12/Screenshot-2022-12-12-at-2.49.44-PM.png)
Learn more about dimension controls.
Advanced
The Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.
![Advanced tab with additional CSS](https://wordpress.org/documentation/files/2022/11/Screenshot-2022-11-11-at-11.26.17-AM-1.png)
Hiding Post Titles
When you are using a theme that supports the Site Editor, you can hide the post title by removing this Post Title block.
- Launch Site Editor from Appearance > Editor in Administration Screen and select template that you want to remove the post title.
- Select Post Title Block
- Click More options (3 dot icon) from the Block Toolbar.
- Click Remove Post Title.
- Click Save at the top right.
Changelog
- 2023-07-25
- Fix broken images URLs
- 2022-12-12
- Updated screenshots for 6.1
- Created 2022-03-17
Was this article helpful? How could it be improved?
Log in to submit feedback. If you need support with something that wasn't covered by this article, please post your question in the support forums.