Gutenberg + Themes: Week of Sept 28, 2020

Hello! This is the 21st weekly roundup of theme-related discussions, fixes, and developments 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/

If you’re working on 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, be sure to check out @aristath’s post detailing changes to theme.json file structure.

Please weigh in on the tickets below — your voice and feedback are welcome! 

In progress / Discussions:

General:

  • Load only styles for existing blocks on the front end. 25742
  • Discussion: Should Gutenberg allow the use of a single-column columns block? 24711
  • Discussion: Is it okay to change the pullquote block’s default colors at this point? 25358

Block-based Themes

  • Template part has a double wrapper. 25610
  • Add content-width option to 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.. 25160
  • Discussing template handling on theme switches. 25071

FSEFSE Short for Full Site Editing, a project for the Gutenberg plugin and the editor where a full page layout is created using only blocks. Blocks

A set of blocks are available with the Gutenberg 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 to enable building templates in FSE.

  • Discussion about multi-column layouts in query blocks. 25462
  • Discuss how to allow the query block to inherit the global query. 25377
  • Consider not adding a self-link to the site-title block on the homepage. 25307
  • Allow using 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. as background for the Group block. 24660
  • The image from the site logo block can not be removed from the customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings.. 25173

Global Styles

  • Simplify the generation of CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. variables in theme.json. 25510
  • Discussion about having a variety of color palettes. 25613
  • Theme.json support for child themes. 25612
  • PR adding font family option to Global Styles. 24868
  • PR adding font-weight option to Global Styles. 24978

Merged:

General

  • Allow arbitrary widths for columns. 24711
  • Remove the right margin for the right-most list items in the latest posts block. 25688
  • Add a margin declaration for the gallery block’s figcaption. 25291

Overview Issues:

  • Full Site Editing Milestones. 24551
  • Template Tags in Full Site Editing. 22724 
  • Tracking and consolidating style attributes for blocks. 22700 
  • Missing query block functionality. 24934

General Resources:


Thanks to @itsjusteileen, @jffng, @joen, and @scruffian for help pulling this post together. Please let us know if it was helpful in the comments!

#gutenberg-themes-roundup