Bundled themes changes in WordPress 5.8

Since blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. patterns were introduced in WordPress 5.5, older default themes received some block patterns love in 5.8. 

Twenty Fifteen

Twenty Fifteen now has: 

  • Gallery and Description
  • Contact area
  • Two Columns with Images, and 
  • Columns with a List block patterns. 

They can be found under the Twenty Fifteen block pattern categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging..

Related ticketticket Created for both bug reports and feature development on the bug tracker.: #51102 

Twenty Fourteen

Twenty Fourteen has following block patterns:

  • About,
  • List,
  • Summary, and
  • Contact.

These patterns can be found under the Twenty Fourteen block pattern category.

Related ticket: #51103 

Twenty Thirteen

Twenty Thirteen is decorated with:

  • Decorative Gallery,
  • Informational Section,
  • Decorative Columns,
  • Callout Quote,
  • Big Quote, and
  • Informational List block patterns.

All of these are registered under the Twenty Thirteen block pattern category.

Related ticket: #51104 

Twenty Twelve

Twenty Twelve has:

  • Floating Images Gallery,
  • Left-aligned Large Quote, and
  • Left-aligned Image and Paragraph block patterns.

These patterns are registered under the, you guessed it, Twenty Twelve block pattern category.

Related ticket: #51105 

Twenty Eleven

Twenty Eleven patterns:

  • Image and Text Columns,
  • Inline Quote,
  • Follow Blogblog (versus network, site),
  • About Me, and
  • Two Columns of Lists.

Patterns can be found under the Twenty Eleven block pattern category.

Related ticket: #51106 

Twenty Ten

Twenty Ten theme got three block patterns:

  • Introduction,
  • Highlighted Quote, and
  • Alternating Images.

Patterns are registered under the Twenty Ten block patterns category.

Related ticket: #51107 

These new block patterns will be very helpful for end users, especially combined with a new template editor introduced in WordPress 5.8, as well as new theme blocks. 

#5-8, #dev-notes

Editor Chat Agenda: 23rd June 2021

Facilitator and notetaker: @get_dave.

This is the agenda for the weekly editor chat scheduled for 2021-06-23 14:00 UTC.

This meeting is held in the #core-editor channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

  • Gutenberg 10.9 RC 1.
  • WordPress 5.8.
  • Monthly Plan for June 2021 and key project updates:
    • Mobile team.
    • Global Styles.
    • BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.-based WidgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Editor.
    • Navigation Block & Navigation Editor.
    • Full Site Editing.
  • Task Coordination.
  • Open Floor.

If you can’t attend the meeting, you’re encouraged to share anything relevant for the discussion:

  • If you have anything to share for the Task Coordination section, please leave it as a comment on this post.
  • If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

#agenda, #core-editor, #core-editor-agenda, #meeting

CSS Chat Summary: 17 June 2021

The meeting took place here on Slack. @notlaura facilitated and @danfarrow wrote up these notes.

Housekeeping

  • @notlaura asked for feedback on the meeting format as the recurring agenda is currently quite sparse. Please let us know if you have any specific items you’d like to see on the agenda!

Project updates

Custom Properties (#49930)

[ 25 minutes later… ]

  • @notlaura used the time to clone the PR and investigate making updates, while @danfarrow made some progress on the documentation
  • This format was quite successful and I think we’ll try it again in future!

Open floor / CSSCSS Cascading Style Sheets. link share

  • @danfarrow shared a CSS Tricks post about new features in Safari 15 which includes support for a theme metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress.-tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) to set a custom colour for the top part of the browser chrome
  • @notlaura pasted a section of the article which mentions Google’s FLoC targeted advertising technology, then contrasts it with Apple’s Private Relay “a technology very specifically to making web browsing untrackable”

With that we finished the meeting a few minutes early. Thanks everyone!

#core-css, #summary

CSS Chat Agenda: June 17, 2021

This is the agenda for the upcoming CSSCSS Cascading Style Sheets. meeting scheduled for Thursday, June 17, at 5:00 PM EDT. This meeting will be held in the #core-css channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

If there’s any topic you’d like to discuss, please leave a comment below!

  • Housekeeping
    • Check in on agenda format
  • Project Updates
  • Open Floor + CSS Link Share

#agenda, #core-css

DevChat Notes – June 16, 2021

Thanks to @peterwilsoncc and @jeffpaul for leading the 05:00 and 20:00 UTC dev chats respectively.
Agenda followed for both the meetings.

Link to 05:00 UTC devchat meeting archive in Slack // Link to 20:00 UTC devchat meeting archive in Slack

Thanks to @nalininonstopnewsuk and @webcommsat for the dev chat notes. 

Blogblog (versus network, site) post highlights

Thanks to all everyone who published items and helping document and share knowledge across the project.

Blog posts that need attention

  • 5.8 Beta 2 Post – Testing required for betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. to help ensure as smooth a release as possible. Thanks to all those involved in testing, contributing to Beta 2 and the post.

Beta and bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. scrubs

We are now in the Beta period where focus shifts to tasks and regressions found in Beta releases.

Bug scrub schedule for 5.8

Next milestone: Beta 3 on Tuesday 22 June 2021.

Final Beta release before Release Candidaterelease candidate One of the final stages in the version release cycle, this version signals the potential to be a final release to the public. Also see alpha (beta). 1 on Tuesday 29 June 2021.

Contributors needed/ attention:

  • Theme contributors to test the new blocks in the default themes. Contact @jeffpaul or @desrosj

More information from the Slack discussion 

  • Open Trac Tickets that need various forms of assistance (patches, testing, etc). Josepha called especially all sponsored contributors to help get over the finish line.
  • Contributors skilled on WP-CLI needed for Meta Ticket 5737 – block.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. strings not being extracted  
  • Feedback on:
    • Core Trac Ticket #53428 part of the work to style new coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks for the default themes, and related 
    • Core Trac Ticket #53389  Bundled Themes: Add styling for blocks added in 5.8, and 
    • Core Trac Ticket #53398 Twenty Twenty-One: Polish new blocks added in 5.8

Updates related to 5.8

  • About Page and MarComms
    • A timeline for the About Page has been set so that the copy can be ready for Beta 3. Two days set aside for fact-checking. Deadline for final copy and design is RC1. Marketing post on plans for discussion on the text.
    • Design to date on the About Page ticket
    • Josepha: From that content we will also build some of the other marketing pieces including the release post. If you want to give it an early, pre-editing read there are links in #marketing. This will be more than content on the About Page. 
    • Thank you to everyone who contributed to the marketing collaborations and to @chantabourne, @marybaum and @webcommsat for organizing, supporting contributors, and giving time. You can still add to the text discussions on content for multi-purpose use – details in the #Marketing channel on SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.. Josepha has extended the collaboration for 15-16 hours to give extra time.
    • Josepha shared there would be additional broader marketing aspects when new role (advertised in February) joins
    • @mkaz: WordPress News has been publishing articles and podcasts highlighting many of the upcoming changes too.
    • @clorith: highlighted @desrosj has started identifying things and making individual items for them, which he suggested would be the right way forward. Highlighted the need more clarity on what is an isn’t included in 5.8, and some sanity checks on some of the defaults going in
    • @oglekler: Core Trac Ticket #52762: Suggestion for an About Page widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. to dashboard  
  • @youknowriad: follow-ups highlighted
    • Make sure default themes are adapted properly for the default template
    • Request for help from themers (test and adapt the theme styles as needed) 
    • TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. a bug related to media uploads
    • Provide a way to define a different default template per theme

Component maintainers updates

  • @sergey: build / test tools, date/ time, general, Ii8N, Permalinks: no major news this week
  • @audrasjb: no major news from upgrade/ install, menus, widgets
  • @clorith and @afragen: Site Health’s got nothing big this week

Open floor

@mkaz: we’ve started publishing dev notesdev note Each important change in WordPress Core is documented in a developers note, (usually called dev note). Good dev notes generally include: a description of the change; the decision that led to this change a description of how developers are supposed to work with that change. Dev notes are published on Make/Core blog during the beta phase of WordPress release cycle. Publishing dev notes is particularly important when plugin/theme authors and WordPress developers need to be aware of those changes.In general, all dev notes are compiled into a Field Guide at the beginning of the release candidate phase. around the BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Editor. More to come during the next few weeks.

@chanthaboune: request for “some general signal boosting on what FSE in and isn’t in WordPress 5.8. There’s a lot of confusion, but also a lot of documentation (both existing and to come) so we can use some help spreading that around.”

@chanthaboune: “I wanted to underline how much I appreciate the thoughtfulness and care that has gone into this release. I know you have plenty of options about where you can spend your time, and this release is going to be a great building block for full site editing. Big thank you to everyone working on this as we head into our final weeks of this marathon!”

#5-8, #dev-chat

Block Editor API Changes to Support Multiple Admin Screens in WP 5.8


WordPress 5.8 is the first coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. release where the post editor is no longer the only adminadmin (and super admin) screen that uses the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. editor. The updated widgets editor screen will also support blocks.

During the development process, we found several WordPress hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. defined on the server depended on the $post object that is not present on the widgets screen. So, we decided to deprecate some of the existing filters and introduce context-aware replacements.

These updates enable us to iteratively bring the block-based paradigm to different screens. For example, the navigation editor screen can leverage the new WP_Block_Editor_Context class and will receive more capabilities over time. There are also new methods introduced that allow code reuse for the functionality that needs to be shared between the screen that uses the block editor.

Related TracTrac An open source project by Edgewall Software that serves as a bug tracker and project management tool for WordPress. ticketticket Created for both bug reports and feature development on the bug tracker.#52920.

Class

WP_Block_Editor_Context

A class representing a current block editor context.

The expectation is that the block editor can have a different set of requirements on every screen where it is used. This class allows defining supporting settings that can be used with filters.

Example:

$post_editor_context = new WP_Block_Editor_Context( array( 'post' => get_post() ) );

Functions

get_default_block_categories

A new method that makes it possible to share default block categories.

Example:

print_r( get_default_block_categories() );

get_allowed_block_types

A new method to handle better the list of allowed block types depending on the editor context.

Example:

print_r( get_allowed_block_types( $post_editor_context ) );

get_default_block_editor_settings

Most of settings defined on the client in the @wordpress/block-editor package in store/defaults.js file are now available on the server with the new get_default_block_editor_settings method.

Example:

print_r( get_default_block_editor_settings() );

get_block_editor_settings

A new method ensures that the editor settings can differ depending on the editor’s context.

Example:

$post_editor_settings = array(
	'richEditingEnabled' => user_can_richedit(),
);

print_r( get_block_editor_settings( $post_editor_settings, $post_editor_context ) );

block_editor_rest_api_preload

The logic that preloads common data used with the block editor by processing an array of REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. paths got abstracted in a new method.

Example:

$preload_paths = array(
	'/',
	'/wp/v2/types?context=edit',
);

block_editor_rest_api_preload( $preload_paths, $post_editor_context ) );

Filters

Several existing block editor filters that depend on the $post object get deprecated:

  • allowed_block_types
  • block_categories
  • block_editor_preload_paths
  • block_editor_settings

New filters are introduced as their replacements that are context-aware.

allowed_block_types_all

Filters the allowed block types for all editor types, defaulting to true (all registered block types supported).

Note: Replaces the deprecated allowed_block_types filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output..

Example:

function filter_allowed_block_types_when_post_provided( $allowed_block_types, $editor_context ) {
	if ( ! empty( $editor_context->post ) ) {
		return array( 'core/paragraph', 'core/heading' );
	}
	return $allowed_block_types;
}

add_filter( 'allowed_block_types_all', 'filter_allowed_block_types_when_post_provided', 10, 2 );

block_categories_all

Filters the default array of categories for block types.

Note: Replaces the deprecated block_categories filter.

Example:

function filter_block_categories_when_post_provided( $block_categories, $editor_context ) {
	if ( ! empty( $editor_context->post ) ) {
		array_push(
			$block_categories,
			array(
				'slug'  => 'custom-category',
				'title' => __( 'Custom Category', 'custom-plugin' ),
				'icon'  => null,
			)
		);
	}
	return $block_categories;
}

add_filter( 'block_categories_all', 'filter_block_categories_when_post_provided', 10, 2 );

block_editor_rest_api_preload_paths

Filters the array of REST API paths that will be used to preloaded common data to use with the block editor.

Note: Replaces the deprecated block_editor_preload_paths filter.

Example:

function filter_block_editor_rest_api_preload_paths_when_post_provided( $preload_paths, $editor_context ) {
	if ( ! empty( $editor_context->post ) ) {
		array_push( $preload_paths, array( '/wp/v2/blocks', 'OPTIONS' ) );
	}
	return $preload_paths;
}

add_filter( 'block_editor_rest_api_preload_paths', 'filter_block_editor_rest_api_preload_paths_when_post_provided', 10, 2 );

block_editor_settings_all

Filters the settings to pass to the block editor for all editor type.

Note: Replaces the deprecated block_editor_settings filter.

Example:

function filter_block_editor_settings_when_post_provided( $editor_settings, $editor_context ) {
	if ( ! empty( $editor_context->post ) ) {
		$editor_settings['maxUploadFileSize'] = 12345;
	}
	return $editor_settings;
}

add_filter( 'block_editor_settings_all', 'filter_block_editor_settings_when_post_provided', 10, 2 );

#5-8, #dev-notes, #gutenberg

Introducing the template editor in WordPress 5.8

Update on 23/06/2010:

  • Added the default template section.
  • The template editor is now opt-in instead of opt-out for classic themes.

One of the first Full Site Editing tools introduced in WordPress 5.8 is the template editor. The template editor is a special mode available in the post editor that allows you to create, assign, and edit blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. templates to specific posts and pages.

Template Editor in action

Theme blocks

Block Templates take over the whole page allowing you to layout and design the entire page in the editor. Note, this does mean your theme’s provided PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 or higher template won’t be used when rendering a post or page using a block template.

When creating a block template, you can use any of the blocks you’re already familiar with in the post editor.

Additionally a new set of theme blocks are introduced in WP 5.8 that can be useful when building templates. These theme blocks are:

  • Site Logo
  • Site Tagline
  • Site Title
  • Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop.
  • Post Title
  • Post Content
  • Post Date
  • Post ExcerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox. 
  • Post Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts.
  • Post Categories
  • Post Tags
  • Login/out
  • Page List

Architecture

The templates are saved as a Custom Post TypeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept. named wp_template. A REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. end point is also available to fetch these templates.

Default Template

When users create new custom templates, a default template containing the site title, post title and post content is used but theme authors can choose to provide their own styled default custom templates by hooking into the editor settings and providing a `defaultBlockTemplate` as an HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. string or by using a dedicated HTML file.

add_filter( 'block_editor_settings_all', function( $settings ) {
     $settings['defaultBlockTemplate'] = file_get_contents( get_theme_file_path( 'block-template-default.html' ) );
     return $settings;
});

Theme Support

By default, the template editor is disabled for themes, but themes can choose to enable it with the following line added to their functions.php file.

add_theme_support( 'block-templates' );

Note, that if themes decide to use the newly introduced theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. file config, they are automatically opted-in into the template editor.

#5-8, #dev-notes, #gutenberg

X-post: Agenda: Global Marketing Meeting – 16 June 2021

X-comment from +make.wordpress.org/marketing: Comment on Agenda: Global Marketing Meeting – 16 June 2021

Discussion: When to create the new branch

During both WP5.8 betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. packaging parties, the question was raised of when to create the new WP5.9 branchbranch A directory in Subversion. WordPress uses branches to store the latest development code for each major release (3.9, 4.0, etc.). Branches are then updated with code for any minor releases of that branch. Sometimes, a major version of WordPress and its minor versions are collectively referred to as a "branch", such as "the 4.0 branch".. Traditionally, this has been done when the release cycle reaches the first Release Candidaterelease candidate One of the final stages in the version release cycle, this version signals the potential to be a final release to the public. Also see alpha (beta). (RC), but since we are trying out a different release cycle in WP5.8 it seems possible we could branch earlier.

Here are the discussions that have happened so far.

  1. Original Discussion
  2. Beta 1 Discussion
  3. Beta 2 Discussion

The immediate scope of the discussion is: “Should we branch at beta 3 on 22 June, 2021 or should we continue the tradition of branching at RC1?”

I would appreciate us continuing this discussion here so that “being in the room” isn’t required. 🙂

#5-8

Dev Chat Agenda for June 16, 2021

Here is the agenda for this week’s developer meetings to occur at the following times: June 16, 2021 at 5:00 UTC and June 16, 2021 at 20:00 UTC.

Blogblog (versus network, site) Post Highlights

5.8 Schedule Review

  • BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. 2 released yesterday, final Beta release in 6 days on Tuesday, June 22nd
  • Focus now fully on tasks in the milestone and regressions found in Beta releases
  • Next Beta Scrub before Beta 3 is Monday, June 21st 20:00 UTC
  • RC 1 in 13 days on Tuesday, June 29th
  • 5.8 release in 34 days on Tuesday, July 20th

Components check-in and status updates

  • 5.8 plans and help needed
  • Check-in with each component for status updates.
  • Poll for components that need assistance.

Open Floor

Do you have something to propose for the agenda, or a specific item relevant to the usual agenda items above?

Please leave a comment, and say whether or not you’ll be in the chat, so the group can either give you the floor or bring up your topic for you accordingly.

This meeting happens in the #core channel. To join the meeting, you’ll need an account on the Making WordPress Slack.

#5-8, #agenda, #dev-chat