Title: Gutenberg Phase 2 Friday Design Update #46 Author: Mark Uraine Published: March 20, 2020 --- [ ](https://profiles.wordpress.org/mapk/) [Mark Uraine](https://profiles.wordpress.org/mapk/) 8:37 pm _on_ March 20, 2020 Tags: [design ( 217 )](https://make.wordpress.org/design/tag/design/), [gutenberg-weekly ( 60 )](https://make.wordpress.org/design/tag/gutenberg-weekly/), [phase-2 ( 60 )](https://make.wordpress.org/design/tag/phase-2/)    # Gutenberg Phase 2 Friday Design Update #46 I hope you all are staying safe out there in the world today! This week in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. [https://wordpress.org/gutenberg/](https://wordpress.org/gutenberg/) Design has several things going on. Let’s address them below. ## Full site editing Overview link: [https://github.com/WordPress/gutenberg/issues/20791](https://github.com/WordPress/gutenberg/issues/20791) **Multi-entity saving** has an interesting [prototype uploaded](https://github.com/WordPress/gutenberg/issues/20421#issuecomment-601297197) just yesterday. ![](https://i1.wp.com/make.wordpress.org/design/files/2020/03/multi-entity-saving. gif?fit=776%2C562&ssl=1) Multi-entity saving in sidebarSidebar A sidebar in WordPress is referred to a widget- ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. Or another take on it in a dialog modal. ![](https://i0.wp.com/make.wordpress.org/design/files/2020/03/multi-entity-saving- dialog.gif?resize=625%2C370&ssl=1) Multi-entity saving in modal I ran a short Twitter poll that asked how people would like to be informed about saving certain parts of their site. Based on those that answered the poll, the preference for a multi-editing save at the end of all their edits. We don’t use Twitter polls to direct our design decisions, but they can help inform them. > In the context of full site editing [#WordPress](https://twitter.com/hashtag/WordPress?src=hash&ref_src=twsrc%5Etfw), > after making an edit that affects the site globally, when would you like to be > presented with the option to save it? > — Mark Uraine (@Mapk) [March 17, 2020](https://twitter.com/Mapk/status/1239733643825692672?ref_src=twsrc%5Etfw) Lots of [discussion and explorations](https://github.com/WordPress/gutenberg/issues/20877) are continuing to go into **the Toolbar** in the Editor. [This particular mockup](https://github.com/WordPress/gutenberg/issues/20877#issuecomment-601283215) helps convey where the designs are leading currently. ![](https://i1.wp.com/make.wordpress.org/design/files/2020/03/toolbars.png?fit=776% 2C252&ssl=1) ## Global styles Overview link: [https://github.com/WordPress/gutenberg/issues/20331](https://github.com/WordPress/gutenberg/issues/20331) The global styles minimum viable productMinimum Viable Product "A minimum viable product (MVP) is a product with just enough features to satisfy early customers, and to provide feedback for future product development." - [WikiPedia](https://en.wikipedia.org/wiki/Minimum_viable_product)( MVPMinimum Viable Product "A minimum viable product (MVP) is a product with just enough features to satisfy early customers, and to provide feedback for future product development." - [WikiPedia](https://en.wikipedia.org/wiki/Minimum_viable_product)) includes some basic elements that will help anyone edit their styles across all pages/posts. These elements include: font-family, font-scale, line-height, and link colors. This issue defines how this may look: [https://github.com/WordPress/gutenberg/issues/20367](https://github.com/WordPress/gutenberg/issues/20367) ![](https://i0.wp.com/make.wordpress.org/design/files/2020/03/global.png?fit=776% 2C482&ssl=1) Global styles in sidebar ## 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 The block pattern work is already included in the current 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/](https://wordpress.org/plugins/) or can be cost-based plugin from a third-party. right now as an MVP. We’re working to add more patterns that are great for common layouts that many can take advantage of. Once more patterns are added, work will continue on the Block Library to include them there as well. ![](https://i0.wp.com/make.wordpress.org/design/files/2020/03/pattern.png?fit=776% 2C222&ssl=1) Testimonials pattern * [Add contact us block pattern #20891](https://github.com/WordPress/gutenberg/pull/20891) * [Add Testimonials block pattern #20894](https://github.com/WordPress/gutenberg/pull/20894) * [Adds a ‘Features or Services’ block pattern #20898](https://github.com/WordPress/gutenberg/pull/20898) * [Add/cover hey block pattern #20899](https://github.com/WordPress/gutenberg/pull/20899) * [Add/cover blog block pattern #20900](https://github.com/WordPress/gutenberg/pull/20900) * [Add/cover trusted block pattern #20902](https://github.com/WordPress/gutenberg/pull/20902) --- ## 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](https://make.wordpress.org/design/tag/design/), [#gutenberg-weekly](https://make.wordpress.org/design/tag/gutenberg-weekly/), [#phase-2](https://make.wordpress.org/design/tag/phase-2/) ### Share this: * [ Threads ](https://make.wordpress.org/design/2020/03/20/gutenberg-phase-2-friday-design-update-46/?share=threads) * [ Mastodon ](https://make.wordpress.org/design/2020/03/20/gutenberg-phase-2-friday-design-update-46/?share=mastodon) * [ Bluesky ](https://make.wordpress.org/design/2020/03/20/gutenberg-phase-2-friday-design-update-46/?share=bluesky) * [ Facebook ](https://make.wordpress.org/design/2020/03/20/gutenberg-phase-2-friday-design-update-46/?share=facebook) * [ X ](https://make.wordpress.org/design/2020/03/20/gutenberg-phase-2-friday-design-update-46/?share=x) * [ Reddit ](https://make.wordpress.org/design/2020/03/20/gutenberg-phase-2-friday-design-update-46/?share=reddit) * [ Email ](https://make.wordpress.org/design/2020/03/20/gutenberg-phase-2-friday-design-update-46/?subject=%5BShared%20Post%5D%20Gutenberg%20Phase%202%20Friday%20Design%20Update%20%2346&body=https%3A%2F%2Fmake.wordpress.org%2Fdesign%2F2020%2F03%2F20%2Fgutenberg-phase-2-friday-design-update-46%2F&share=email) # Post navigation [← Design Meeting Notes 18 March 2020](https://make.wordpress.org/design/2020/03/18/design-meeting-notes-18-march-2020/) [Show and tell meeting for Wednesday, March 25th →](https://make.wordpress.org/design/2020/03/24/show-and-tell-meeting-for-wednesday-march-25th/)