Gutenberg + Themes: Week of May 11, 2020

Hi everyone! As discussed in last week’s block-based themes meeting, we’ll be trying out weekly posts that aim to improve awareness, communication, and collaboration between theme folks and those working on 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/. It can be hard to stay up to date with changes and discussions, so hopefully this can serve as a quick reference each week. 

Many of these issues and PRs are still open. Please weigh in to discuss solutions — your voice and feedback are welcome! 

In progress / Discussions:

General

  • An attempt to remove some of the extra canvas padding in the editor. 22213
  • A conceptual discussion about removing all default margins for blocks in the editor. 22208
  • Issues with custom colors in editor styles after Gutenberg 7.9.1. 21931 (Followup PR in 22356)
  • Discussion about clearer classnames for blocks that have custom backgrounds. 21439
  • Discussion around adding grids 20000

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 Themes

  • Figuring out a way to handle inline dynamic content in theme templates. 21932
  • Discussion around HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. and block features for template parts. 20997
  • Work is happening on bringing feature parity between the FSE blocks and existing blocks. 21087
  • Discussion around adding a button (perhaps just in 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) for exporting a theme directly from the full-site editor. 19260 
  • FSE blocks are missing classnames on the front end. 22097
  • 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. block appears broken in the editor. 22081

Global Styles

  • Recap and next steps for Global Styles. 22296
  • Exploring a way to manage theme CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. for Global Styles. 20290
  • Discussing the shape of the theme config file. 22291 21538 21490 

Merged:

General

  • Reduced specificity base block margins. 22051
  • Group blocks now have zero top/bottom margins by default. 22209
  • Better alignment between the front end and editor markup for the Cover block. 22348
  • Improvements to font size specificity in the editor. 21969 
  • Centered blocks now clear floats by default. 21608
  • The default inserter now correctly inherits paragraph font styles. 21725
  • The top and bottom margin from individual column blocks has been removed. 22018
  • In case you missed it, button issues from Gutenberg 7.9.1 were reverted in version 8.0. 21923 21816
  • Unset the “inherit” for link colors. 22160

Block-based Themes

  • The first version of a query block has been merged in. 22199
  • The gray background in the full-site editor has been fixed for themes that did not declare editor styling. 22182
  • The author block includes new options. 19894

General Resources:

Testing Explorations

Evergreen resources


Thanks to @itsjusteileen, @jffng, and @joen for help pulling this post together. This is the first of many, so please let us know if it was helpful in the comments!

#gutenberg-themes-roundup