Skip to content

Feature Request: Technical or Documentation Support for "Hero" or "Cover Block" Header Patterns #24634

@ianstewart

Description

@ianstewart

This feature request, related to block patterns, template parts, and block-based-theming may not require a technical solution. Here are the options I see as possible solutions …

  1. A technical block-level solution.
  2. Documentation in a handbook for this scenario as a "you might try this!" sort of thing. (For now.)
  3. Accounting for user flows in the Site Editor and Post/Page Editors.

Here's the feature request. Support for the following "Header Pattern".

image

  • On the left is the front page of a WordPress site loading a header-front-page.html template part. - On the right is a page on that site loading a header-page.html template part.
  • Peeking over the edge of the page on the right is my text editor with the theme structure supporting that. I thought it'd be useful.

Everything with a blue background is the "header". Here are some perhaps unusual features of these template parts.

Both of these template parts use cover blocks. Here's a screenshot of one with the Detective Wapuu extension doing it's thing.

image

It's becoming more and more common to see Header Patterns like this. With what we think of as the Header of a site over top of a "hero section" that feels like "part of the page." It's especially common to see this pattern with an image or even a video in the background.

Here's a picture with a picture.

image

Also perhaps somewhat unusual, in the page on the right. The header template part has the post title inside the header, not the page content. I could envision scenarios where this might seem strange for a user.

Why? This was the only way I could currently think of to achieve this type of header pattern with a block-based theme. Which leads me to my list at the start of this issue.

  1. Should there be some sort of technical block-level solution for this type of pattern?
  2. If not, should there be documentation in a handbook for this scenario as a "you might try this!" sort of thing. (For now.)
  3. Either way we should perhaps make sure there is an accounting for user flows around this in the Site Editor and Post/Page Editors.

Possibly related issue: #16281

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] ThemesQuestions or issues with incorporating or styling blocks in a theme.[Type] Developer DocumentationDocumentation for developers

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions