Title

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

Category:

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.

Documentation

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.

Documentation

{
  "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.

Documentation

{
  "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
    }
  }
}


View blocks per attribute or block support: