Headings

Styled heading with optional subtitle. Supports Heading Block, Title Block, Emphasis Title, and Fancy Title types. It is shown in the block inserter as Canvas Heading and registered as canvas-core/heading.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Headings settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Content

  • Heading TypeDefaultHeading Block (Centered)

    Which section-title treatment the block draws. Plain gives an undecorated heading, which is what you want when the design supplies its own rules and spacing. The rest of this panel changes with the choice.

    ChoicesHeading Block (Centered)Title Block (Left Border)Emphasis Title (Large Bold)Fancy Title (Side Borders)Plain (Bare Heading Tag)

  • TitleDefaultHeading Block

    The heading itself. Bold, emphasis, a highlighted span, an icon and a line break inside it are all kept.

  • SubtitleDefaultEmpty

    Displays below the heading. Not available for Fancy Title.

    Shown when Heading Type is "Heading Block (Centered)" or "Title Block (Left Border)" or "Emphasis Title (Large Bold)" or "Plain (Bare Heading Tag)"

  • HTML TagDefaultH2

    Element the text is written into. H1 to H6 place it in the page outline, which is what search engines and screen readers follow; the rest give a plain text container for a design that needs one exact element.

    ChoicesH1H2H3H4H5H6divspanaddresssmallpemand 6 more

  • Label For (control id)DefaultEmpty

    The id of the control this label names. Clicking the label then activates that control.

    Shown when Heading Type is "Plain (Bare Heading Tag)" and HTML Tag is "label"

Settings

  • AlignmentDefaultEmpty

    Which way the title and its subtitle line up. Default keeps whatever the chosen heading type and the surrounding design already do.

    ChoicesDefault (empty)LeftCenterRight

  • Border StyleDefaultDouble Border

    Which rules are drawn beside the title: one or two lines either side, lines in the theme accent colour, or a single line underneath.

    ChoicesDouble BorderSingle BorderTheme Color BorderBottom BorderShown when Heading Type is "Fancy Title (Side Borders)"

  • Remove Bottom BorderDefaultOff

    Takes away the rule the heading normally draws under itself, leaving the title and subtitle on their own.

    Shown when Heading Type is "Heading Block (Centered)"

  • Theme Color BorderDefaultOff

    Use the theme accent color for the bottom border.

    Shown when Heading Type is "Heading Block (Centered)"

  • Right-Aligned BorderDefaultOff

    Place the side border on the right instead of the left.

    Shown when Heading Type is "Title Block (Left Border)"

  • Title ClassesDefaultEmpty

    Utility classes on the heading text itself, for the font, weight or colour the design gives it.

  • Exact PunctuationDefaultOff

    Keeps the text exactly as typed. WordPress otherwise smartens punctuation, turning straight quotes into curly ones and a pair of hyphens into a dash, which is wrong for a file path, a command or a code sample.

  • Title Inline StyleDefaultEmpty

    One-off styling for the heading text itself, such as an exact font size the theme sizes do not offer.

  • Subtitle ClassesDefaultEmpty

    Utility classes on the subtitle, for the font, weight or colour the design gives it.

    Shown when Heading Type is "Heading Block (Centered)" or "Title Block (Left Border)" or "Emphasis Title (Large Bold)"

  • Subtitle Inline StyleDefaultEmpty

    One-off styling for the subtitle, for a size or colour no class covers.

    Shown when Heading Type is "Heading Block (Centered)" or "Title Block (Left Border)" or "Emphasis Title (Large Bold)"

  • Ghost LetterDefaultEmpty

    A single decorative character drawn large and faint behind the heading (e.g. the section's initial). Leave empty for no ghost letter. Requires a stylesheet rule that draws it.

  • Subtitle PositionDefaultEmpty

    Eyebrow mode places the subtitle span above the heading, as in intro/eyebrow section titles.

    ChoicesAfter the title (empty)Before the title (eyebrow)Shown when Heading Type is "Heading Block (Centered)" or "Title Block (Left Border)"

Style tab

  • Title Color

    A style control in the Title group of the Style tab. It has a hover state as well as a resting one.

  • Title Typography

    A style control in the Title group of the Style tab.

  • Subtitle Color

    A style control in the Subtitle group of the Style tab.

  • Border Color

    A style control in the Border group of the Style tab.

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Canvas: Alerts, Buttons, Code Highlight, Counters, Dividers, Dropcaps.

Was this page helpful?