Gutenberg + Themes: Week of Jan 11, 2021

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

Before we begin, I’d like to note that the experimental, 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 version of the Twenty Twenty-One theme (named TT1 Blocks) is now live in the theme repository:

Development is ongoing, alongside the full-site editing work in Gutenberg. Please test, contribute, and help build this and other themes in the WordPress Theme Experiments GitHub repository

Now onto our usual updates! Please weigh in on the tickets below — your voice and feedback are welcome. 

Issues / Discussions:

  • Improve editor 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. on dark backgrounds. 28200
  • Blocks: Refactor Gallery Block as a wrapper around Image Blocks. 25940
  • Blocks: Add support for border configuration via 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.. 28049
  • 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.: Updates to theme.json. 28163
  • FSE: Try implementing a multi-theme system. 28131
  • FSE: Themes located in a subdirectory do not load template parts. 28022
  • FSE: Template parts need to inherit the query context. 28011
  • FSE: Inline custom block styles are not visible in the site editor. 27962
  • FSE: Rethink exporting block themes and styles. 27941 
  • FSE Blocks: Query Pagination Block warning. 28014
  • FSE Blocks: Add Archive Title Block. 27989

Merged/fixed:

  • Hide the theme without comments.php deprecation message. 28128
  • Make empty paragraphs take up the same space on the frontend, as in the editor. 27995
  • Navigation block: allow space-between on menu items. 28169
  • Spacer block: Use transparency. 28103
  • Spacer block: Show on hover. 28129
  • Fix appender margins. 27392
  • FSE: Fix loading issue for  template parts. 28088
  • FSE Blocks: Allow space-between for nav menu items. 28169

Overview Issues:

  • Full Site Editing Milestones. 24551
  • Template Tags in Full Site Editing. 22724 
  • Missing query block functionality. 24934
  • Query and 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: 24762

General Resources:

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

#gutenberg-themes-roundup

Gutenberg + Themes: Week of Jan 4, 2021

Hello and Happy New Year! This is the 33rd 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/.

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

Issues / Discussions:

  • 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.: 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 without a comments file trigger a depreciation warning. 28045
  • FSE: Themes located in a subdirectory do not load template parts. 28022
  • FSE: Template parts need to inherit the query context. 28011
  • FSE: Inline custom block styles are not visible in the site editor. 27962
  • FSE: Rethink exporting block themes and styles. 27941 
  • FSE Blocks: Query Pagination Block warning. 28014
  • FSE Blocks: Add Archive Title Block. 27989

Merged/fixed:

  • FSE Blocks: Post ExcerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox. Block: Fix incorrect quotes for the class attribute in the wrapper. 27895
  • FSE: Add support for custom templates. 27778
  • Box control units: Ensure custom units are preserved. 27800
  • Fix the RTL editor styles and the theme styles option. 27947 

Overview Issues:

  • Full Site Editing Milestones. 24551
  • Template Tags in Full Site Editing. 22724 
  • Missing query block functionality. 24934
  • Query and 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: 24762

General Resources:

Please let us know if it this post was helpful!

#gutenberg-themes-roundup

Gutenberg + Themes: Week of Dec 14, 2020

Hello! This is the 32nd 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/. This is the last update of 2020! We’re going to pause for the holidays, and resume the first week of January. 

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

Issues / Discussions:

  • Blocks: Headings 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.: add support for font weight. 27639
  • Blocks: File Block: Turn the button into a button block. 27760
  • Blocks: RSS Block: Additional configurations. 27766
  • Blocks: Navigation Block: Fix the text color for links. 26698
  • Blocks: Headings Block: Add support for font weight. 27639
  • 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.: Discussion about improvements to block-styles loading. 27671
  • FSE: Allow support for custom templates in block-based themes. 27778
  • FSE: Load content in an iFrameiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.. 25775
  • FSE: Strip directory from theme taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies.. 27765
  • FSE: Consider adding block-editor class to the site editor. 27724
  • FSE Blocks: Support wide/full alignments for the Query block container. 27589
  • FSE Blocks: Allow 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. blocks to have a consistent height. 27620
  • FSE Blocks: Comments Form: Convert button into a button block. 27740 
  • Global Styles: Change the behaviour of the reset button 27483

Merged/fixed:

  • Blocks: Add custom units to box control. 27626
  • Blocks: RSS Block: Add border-box CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site.. 27767
  • FSE Blocks: Add comment form block styles. 27673

Overview Issues:

  • Full Site Editing Milestones. 24551
  • Template Tags in Full Site Editing. 22724 
  • Missing query block functionality. 24934
  • Query and 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: 24762

General Resources:

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

#gutenberg-themes-roundup

Gutenberg + Themes: Week of Dec 7, 2020

Hello! This is the 31st 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/

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

Issues / Discussions:

  • Blocks: Headings 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.: add support for font weight. 27639
  • Blocks: Allow paragraphs to use CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. columns. 27118
  • Blocks: Revisit appender margins. 27392
  • Blocks: Add custom units to box control. 27626
  • 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.: Semantic Template Parts 27337
  • FSE: Load content in an iFrameiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.. 25775
  • FSE: Provide a CSS reset. 27116
  • FSE: Allow responsive styles in 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.. 27107
  • FSE: Try adding support for child themes: 27305
  • FSE Blocks: Support wide/full alignments for the Query block container. 27589
  • FSE Blocks: Allow 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. blocks to have a consistent height. 27620
  • FSE Blocks: Add comment form block styles. 27673
  • Global Styles: Change the behaviour of the reset button 27483
  • Global Styles: Allow making text flushed left or justified 27300
  • Global styles: Add a global spacing variable 27315

Merged/fixed:

  • Blocks: Scope image block style variations to only the image block. 27649
  • FSE Blocks: Site Logo: Remove line height rule. 27623
  • FSE Blocks: Site Logo: Add rounded block style. 27621
  • FSE Blocks: Query block: Adjust mobile margins. 27619 
  • FSE Blocks: Query block: Allow inheriting the global query arguments 27128
  • FSE Docs: Update documentation to show how a theme can have FSE automatically enabled. 27680

Overview Issues:

  • Full Site Editing Milestones. 24551
  • Template Tags in Full Site Editing. 22724 
  • Missing query block functionality. 24934
  • Query and 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: 24762

General Resources:

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

#gutenberg-themes-roundup

Gutenberg + Themes: Week of Nov 30, 2020

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

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

Issues / Discussions:

  • Blocks: Fix the text color for links in the Navigation 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.. 26698 
  • Blocks: Allow paragraphs to use CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. columns. 27118
  • Blocks: Modify hover/focus/active states for blocks. 27075
  • Blocks: Navigation Block: Dynamic version 27130
  • Blocks: Navigation Block: Hide more than N items. 27131
  • Blocks: Navigation Block: Add space between items. 27132
  • Blocks: Revisit appender margins. 27392
  • 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.: Semantic Template Parts 27337
  • FSE: Load content in an iFrameiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.. 25775
  • FSE: Provide a CSS reset. 27116
  • FSE: Allow themes to enqueue stylesheets in 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. 26902
  • FSE: Provide alignment styles for the front end. 26633
  • FSE: Allow responsive styles in theme.json. 27107
  • FSE: Try adding support for child themes: 27305
  • FSE: Site Editor: Revert templates to their original theme-provided files 27208
  • Global Styles: Change the behaviour of the reset button 27483
  • FSE Blocks: Query block: Allow inheriting the global query arguments 27128
  • Global Styles: Controlling design tools visibility 27295
  • Global Styles: Allow making text flushed left or justified 27300
  • Global styles: Add a global spacing variable 27315
  • FSE: Provide defaults for font weight/styles on FSE based on the json (27269)

Merged/fixed:

  • Blocks: Simplify CSS for the code block 27314
  • Blocks: Video Block: Let the video fill the container. 27328
  • FSE: Reveal block boundaries on hover in the Site Editor 27271
  • FSE: Load block patterns in the Site Editor. 27497
  • FSE Blocks: TagTag Tag is one of the pre-defined taxonomies in WordPress. Users can add tags to their WordPress posts along with categories. However, while a category may cover a broad range of topics, tags are smaller in scope and focused to specific topics. Think of them as keywords used for topics discussed in a particular post. Cloud block: Adjust styles for the different block alignments 27342

Overview Issues:

  • Full Site Editing Milestones. 24551
  • Template Tags in Full Site Editing. 22724 
  • Missing query block functionality. 24934
  • Query and 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: 24762

General Resources:

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

#gutenberg-themes-roundup