Improvements to the title area at the top of SharePoint Pages and News

We are very excited that authors now have the option to: Remove title areaNo longer required at the top of the page. This title area will be rebranded as follows: Banner Web Part The new layout lets you add one or more banners to any column on your page, including full-width sections.

now, You can leverage this flexibility to display no banners, only one banner, or multiple banners on your SharePoint pages. If you decide to remove the title area, you can restore the title by selecting the banner.

New banner layout:

We added Two new layouts for banners: author and fade. Works on all types of sections including full width sections, 1-section, 2-section, 3-section and 1/3-section.

New layout:

Banners for full width sections and 3 column sections:

Title of the command set

The first banner at the top of the page (full width section) is considered a heading (H1) and is automatically synced with the page. title It is located in the command bar at the top of the screen. The additional banner acts as a title on the page. Page title The contents of the command bar are only visible in edit mode.

Note: You must enter a page title in the first banner or command bar. Save and Close or Post page.

The features and capabilities mentioned in this blog post are: I’ll show you in the next video With ~ Tina Chen (Microsoft) and Besa Jubonen (Microsoft).

WCAG 2.1 Compliant:

How do I meet WCAG 2.1 criteria without a visible H1 title? If you choose not to have a title on your page, the hidden H1 element in HTML ensures accessibility, and the H1 content is derived from the page title in the command bar.

The title area of ​​existing SharePoint page templates has been updated. This means that when you create a new page from a SharePoint page template, you will see: train It’s at the top. In some cases, the old title area won’t be renamed automatically, but you can select the new layout option in the toolbox.

1. If you are editing an existing page with a title created before this release, you can choose to remove or keep the title area.
2. If you create a copy of an existing page with a title created before this rollout, you can choose to remove or keep the title area on the copied page.
3. When you create a new page using a custom template that has a title area, you can choose to remove or keep the title area on the new page.

Learn more: Create and use modern pages on your SharePoint site

Frequently Asked Questions

When will this happen?

General availability (Global, GCC, GCC High, and DoD): Rollout began in early July 2024 and completed in late August 2024. This message is associated with a Microsoft 365 Roadmap ID. 386904.

how ~ will do This affects your organization?

This update allows SharePoint page and news authors to set section background colors or images to deliver engaging experiences.

What should I prepare??

This rollout will occur automatically on the specified date without requiring any administrator action prior to the rollout. You can notify users of this change and update relevant documentation accordingly.

What will it look like in email?

Pre-rollout title areas and banners are supported in emails. When a user emails a page or news item, the layout changes slightly. The banner image appears above the banner text.

What’s next?

• The new banner is available as a private preview of the design idea.
• An improved page template experience with new features including banners, new layouts, section backgrounds, and more.

Thank you for reading. Please create a beautiful page and let us know in the comments if you have any feedback or questions.