Displays the title of a post, page, or any other content-type.
This block is available in the latest version of WordPress and does not require the Gutenberg plugin.
Previously: “Post title”
Last updated
Tips for using the Post Title block
When you use the title inside a query loop, remember to enable the link option. Otherwise, visitors can not navigate to the single post.
For developers
Block Grammar & Markup
<!-- wp:post-title /-->
Context
Context is used to pass values from a block to a descendant block; for example, a query and post template passing the query ID to the inner blocks.
Uses context. Optional. Type: Object.
[
"postId",
"postType",
"queryId"
]
Block Attributes
Optional. Type: Object.
Attributes provide the structured data needs of a block. They can exist in different forms when they are serialized, but they are declared together under a common interface.
{
"textAlign": {
"type": "string"
},
"level": {
"type": "number",
"default": 2
},
"levelOptions": {
"type": "array"
},
"isLink": {
"type": "boolean",
"default": false,
"role": "content"
},
"rel": {
"type": "string",
"attribute": "rel",
"default": "",
"role": "content"
},
"linkTarget": {
"type": "string",
"default": "_self",
"role": "content"
}
}
Block Supports
Optional. Type: Object.
A set of options that enables or disables block controls in the editor, for example gradient colors or padding.
{
"align": [
"wide",
"full"
],
"html": false,
"color": {
"gradients": true,
"link": true,
"__experimentalDefaultControls": {
"background": true,
"text": true,
"link": true
}
},
"spacing": {
"margin": true,
"padding": true
},
"typography": {
"fontSize": true,
"lineHeight": true,
"__experimentalFontFamily": true,
"__experimentalFontWeight": true,
"__experimentalFontStyle": true,
"__experimentalTextTransform": true,
"__experimentalTextDecoration": true,
"__experimentalLetterSpacing": true,
"__experimentalDefaultControls": {
"fontSize": true
}
},
"interactivity": {
"clientNavigation": true
},
"__experimentalBorder": {
"radius": true,
"color": true,
"width": true,
"style": true,
"__experimentalDefaultControls": {
"radius": true,
"color": true,
"width": true,
"style": true
}
}
}