Hello! This is the 80th roundup of theme-related discussions, fixes, and developments in Gutenberg 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/. We haven’t posted this in a while, and there is a lot of news. In this update, we will cover versions 13.1, 13.2, 13.3, 13.4, and 13.5 of Gutenberg.
Gutenberg 13.1
Themes
#40005 Update theme.json 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. docs for theme authors
Global Styles
#40185 Do not render global styles coming from the server in the site editor
Design Tools
#39967 Column: Add border support to column blocks
Gutenberg 13.2
Themes
#40539 Theme Export: Bug: Add .DS_Store to the list of ignored files
Design Tools
#40735 [Gradient Tool]: Fix closing of popover when the angle control is clicked
#40635 Borders: Remove unused BorderStyleControl component
Gutenberg 13.3
Themes
#41058 [bug] Theme Export: Use basename when determining the theme slug
#40889 Theme Json: Don’t output double selectors for elements inside blocks
#40829 [bug] Theme Export: Use a better method to determine the theme name
Full Site Editing
#40970 Heading block 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. – add font family support
Global Styles
#40888 Fix: Global Styles: Impossible to open welcome guide if global styles are empty.
#40887 Fix: Global Styles are always resettable
#40837 Site editor: preset custom color duplicates
Design Tools
#41018 Layout: Remove double output of align-items in horizontal layouts
#40858 Button: add text transform control.
Gutenberg 13.4
13.4 Introduces support for button elements in theme.json and the editor. This is a consistent way to style buttons across blocks. The search block is the most obvious example here, but there will also be third-party blocks that will benefit from this change. The latest changes add a new class, wp-element-button, to buttons, so that they can share the same styles.
Full Site Editing
#41387 [FSE Short for Full Site Editing, a project for the Gutenberg plugin and the editor where a full page layout is created using only blocks. – Templates]: Add info to templates created from wp suggestion
#41302 [Site Editor]: Update single default template copy
Global Styles
#40260 Add support for button elements to theme.json
#41246 Button Element: Add support to Site Editor
#41240 Button Element: update button element selector
#41239 File Block: Makes the button an element button
#41160 Load block CSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. conditionally
Design Tools
#41175 Gallery: Opt-in to axial (column/row) block spacing controls
Gutenberg 13.5
Themes
#41393 File, Search Blocks: Lower CSS specificity
Full Site Editing
#41630 Include theme’s templates in template list in post editor
Global Styles
#41689 Block CSS: Move CSS from the stylesheet to the block definition
Design Tools
#41569 Webfonts: increase the priority of init hook to account for block reregistration
#41335 Duotone: Fix CSS Selectors rendered by theme.json duotone/filter 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. settings for blocks on public pages
#41102 Cover: Move overlay and opacity controls to the color panel
General Resources:
Thanks to @pbking for the help putting this together!
Please comment if there’s something you’d like to highlight 🙂
#gutenberg-themes-roundup
