Gutenberg + Themes: Week of November 22nd, 2021

Hello! This is the 74th 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/.

As always, please weigh in on the tickets below — your feedback is crucial and appreciated. 

Active Issues / Discussions & PRs

  • DT: Font Size Picker: Remove hints and allow non-integers #36636
  • DT: Border panel: Update to display multiple palette origins #36753
  • DT: Hide border panel when all border features have been disabled #36791
  • DT: Gradients: Enable adding custom gradient when gradients are disabled #36900
  • DT: Users should be able to add a custom gradient when the default gradients are disabled #36640
  • DT: Border color: only shows a single palette #36641
  • DT: Keep 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. font-size and color adjustments when change block type #36745
  • DT: Preset colors from the default palette are serialized as inline styles #36770
  • DT: Enable transparency on elements by default #36774
  • DT: Highlight color palette only shows colors from the last source #36886 
  • DT: Gradients: errors resulting from clearing or quickly selecting gradient colors in background color #36899
  • GS: Add: Transparency support on global styles colors #36840
  • GS: Fix: apply by slug on all origins #36841
  • GS: Fix CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. Custom Properties for presets in the site editor #36851
  • GS: ​​Add filters to shortcircuit the public APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. of global styles #36909
  • GS: Add nudge to include name for Custom Color Palette #36473
  • GS: Fix confusing ellipsis menu for the Custom Color Palette feature #36519
  • GS: Per Block list styles affect all list blocks #36539
  • GS: enable the ability to edit gradient & duotone palettes #36541
  • GS: Open the color picker to the left of the 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. #36542
  • GS: Color palette: Design updates #36543
  • GS: Add Welcome Guide to Styles More Menu #36544
  • GS: Make Blocks section more distinguishable #36569
  • GS: Iterations on the user global styles endpoint. #36644
  • GS: Override parent blockGap #36692
  • GS: Post Title: Global Styles elements selector is not applied #36731
  • 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.: Site Editor: Add global styles to export file #36619
  • FSE: Add client side routing for Site Editor #36488
  • FSE: 404 Error on a preloaded route when creating a new template part. #36438
  • FSE: Click to ->Editor (BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.) or ->Styles nothing happens #36482
  • FSE: Templates list screen overview #36597
  • FSE: Mark templates that are used for key pages #36612
  • FSE: Replace “Template Parts” list with area-based alternative #36613
  • FSE: Block Template creation is using empty content instead of the appropiate fallback #36648
  • FSE: Templates list screen – make the screen thinner and add truncation to site title. #36657
  • FSE: Templates WP left menu area – Do not close menu area when selecting Site or Styles #36659
  • FSE: Adding a shortcut to W icon to open and close the WP left menu area. #36660
  • FSE: Templates and Template Parts screens – add Published date. #36664
  • FSE: Templates list screen – Adding duplicate to 3 dot menu. #36665
  • FSE: product categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. uses page.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. insted of index.html, archive.html or taxonomy.html #36771 
  • FSE: Full Site Editing: Deleting block settings padding doesn’t reset value #36794
  • Themes: Revise folder structure on themes made with blocks #36548
  • Themes: The block_editor_settings_all filterFilter 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. does not get applied everywhere #36595

Merged/Fixed/Announced/Closed

  • DT: Post 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.: Move width and height controls into the Dimensions panel via SlotFill #36540
  • DT: Cover: move BoxControlVisualizer in the markup to make it visible #36635
  • DT: Block Supports: Update block supports docs after typography reshaping #36894
  • GS: Update global styles public API #36610
  • GS: Add caching to WP_Theme_JSON_Resolver_Gutenberg::get_user_data_from_custom_post_type() #36584
  • GS: GlobalStyles sidebar: do not show default palette if theme opts-out #36639
  • GS: Global Styles: rename coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. origin key to default for presets #36645
  • GS: Make user able to change all color palette origins #36674
  • GS: Add elements support to the typography panel in global styles #36718
  • GS: Update: Rename user preset origin to custom #36748
  • GS: Fix: Color palette is not being stored #36817
  • GS: Add: Gradient palette editor #36820
  • GS: Update function names for the public global styles API functions #36907
  • GS: Rename gutenberg_ to wp_ for some functions that land in WordPress 5.9 #36913
  • Themes: 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.: add appearanceTools flag to opt-in into appearance UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. controls #36646
  • Themes: Update the block theme folders to templates and parts #36647
  • Themes: Fix duotone first render in Safari #36754
  • Themes: Fix: theme colors cannot override defaults #36811
  • Themes: Don’t try and render unstable location if Nav block has ID #36863 

Overview Issues

  • Default Theme (Twenty Twenty Two): Overview of Gutenberg issues: #75
  • DT: Typography Tools: Tracking defaults for blocks #35604
  • GS: The Global Styles Interface #34574  
  • FSE: Post Comments LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop. Block: Tracking issue #34994 
  • FSE: Site Editing block placeholders #35501
  • Tracking: ToolsPanel Follow Ups #36165 

General Resources

Thanks @danieldudzic for your help with this week’s summary. Please comment if there’s something you’d like to highlight 🙂

Abbreviation key:

DT: Design Tools
FSE: Full Site Editing
GS: Global Styles

#gutenberg-themes-roundup