Gutenberg Phase 2 Friday Design Update #48

Howdy! If you’ve been following along, the pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. is pushed back a week and will be coming out next Wednesday, April 15th. In the interim, the design updates are as follows.

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. Library/Inserter

Next steps on the Inserter: https://github.com/WordPress/gutenberg/issues/21080

Recent designs for the Inserter are focused on figuring out how to add Block Patterns, and eventually Template-parts. Basically, if everything is a block, then having one unified way to add these blocks feels right.

Inserter animation

Full site editing

Take a look at what’s coming!

Multi-entity saving
This gif below gives some insight into the saving process of multiple elements: templates, template-parts, content – all from one view.

https://github.com/WordPress/gutenberg/issues/20421#issuecomment-611102784

Creating a template-part
A look at how creating a template-part might work in the context of full site editing.

https://github.com/WordPress/gutenberg/issues/21526#issue-597583360

Adding a template-part
Imagine opening the Inserter and adding a HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. to your page, or swapping out your current Header with another one.

https://github.com/WordPress/gutenberg/issues/21218#issuecomment-611752344

Follow along!

In an effort to surface what the team is working on week by week, we’re labeling issues on the project boards with [Priority] High in GithubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ and moving them to an “in progress” column for easy identification.

In Progress for Patterns

In Progress for FSE


Get involved

Now’s a great time to get involved. While the work on this project is intense, it’s always important to glean new perspectives from other WordPress users and community members. Just drop into any of the links provided above to read up on the details and contribute.

Thanks for reading, staying informed, and contributing anywhere you can!

#design, #gutenberg-weekly, #phase-2