Block-based Meeting Notes — January 6

Channel: #themereview
Facilitated by @kjellr

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/ + Themes Highlights

  • Work on the “Archive Title” block is in progress. This (combined with the recent query 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. updates) will make archive pages very close to complete.
  • This PR would add a border radius control to the search block.

TT1 Blocks

Development for TT1 Blocks is on-going here: 
https://github.com/WordPress/theme-experiments/tree/master/tt1-blocks

  • The theme was recently renamed from “Twenty Twenty-One Blocks”, to avoid confusion with the original Twenty Twenty-One theme.
  • Progress in the repository’s project board is ongoing. There’s a growing list of blocker issues being migrated over to Gutenberg. @scruffian reiterated the prioritization of logging Gutenberg issues versus fixing them directly for now, so that the 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. team can get a clear view of all the outstanding tasks.
  • Progress on preparing the theme for its theme repository submission is happening in this issue.
  • There’s a related discussion around whether or not the theme should have additional code to fully support comments at this point.

Open Floor

  • @richtabor asked about the minimum Gutenberg version required for using TT1 Blocks. @kjellr want sure of the minimum required version, but suggested that since FSE is still under heavy development, anything other than the latest version might have breaking changes.
  • @richtabor asked if TT1 Blocks will work without 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. Once FSE functionality is merged into coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. it will, but for now block based themes all require the plugin.

#block-based-meeting, #meeting-notes

Evaluation: Report button usage in 2020

Every theme in the theme directory has an information page that includes a report button:

The report button is placed on the right hand sidebar on the theme information page.

When a user clicks the button, they are presented with a form where they can add additional details. Example report form.

The purpose of the report button is to allow users to report themes that have major problems like installation issues, PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. http://php.net/manual/en/intro-whatis.php. errors and JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. errors.

The idea behind the feature was that if the themes team could encourage users to report broken themes, the team could reduce the number of requirements and have a more reactionary approach rather than preventive. Original Trac ticket.

This feature was first discussed in 2015 and added in 2018 but has not been evaluated since.

Why we need to evaluate the button usage

The themes team representatives have to manually check each report and are seeing an increase in incorrect support requests.

Theme authors are also using the button to contact the themes team with other types of questions and requests.

For each incorrect use of the button, the support request needs to be replied to and or forwarded to the theme author (with information about the reporter removed).

This is extra work in addition to handling the valid theme reports. In 2020, there was a backlog of reports up to 4 months long, and the most critical reports were prioritized.

Reports submitted in 2020

The data the team has available shows that there were 582 reports in 2020.

  • 80 reports were spam or duplicates (One user submitted 39 spam reports).
  • 40 reports were for the default themes.
  • 30 reports were in Spanish, and other languages included French, Italian, and German.
  • 49 reports mentioned problems occurring after updating the theme to the latest version or updating WordPress to 5.3 – 5.5.
  • 30 reports mentioned CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. problems.
  • 11 reports concerned jQuery or jQuery migrate.
  • 9 reports were used to request that a theme would be removed from the theme directory or updated because it had not been updated in a long time.

The two most reported themes had 14 reports each.

Support requests

315 reports were support requests, that is, invalid use of the report button.
Most of the reports were questions about “How to…”

Common topics of the reports marked as support requests:

  • 33 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 compatibility problems
  • 27 Support requests for paid versions of the theme
  • 19 Difficulty with finding and downloading demo content

Valid reports

187 reports were considered valid reports that needed follow-ups, including collecting more information or testing.

Out of the valid reports, the reporter selected the following reason for filing reports:

  • 108 Other
  • 50 PHP or JavaScript problems
  • 19 Hacks
  • 16 Content creation
  • 13 Plugin territory
  • 12 Obtrusive upselling, advertising
  • 9 Licensing

(A theme can be reported for more than one reason.)

Conclusion

With over 62% of the reports being support requests, we can draw the conclusion that the report button is not being used correctly.

Without a measurable goal for the usage of the report button, it is not possible to determine if the button can live up to its original intended purpose.
With 187 valid reports per year and 8 010 themes in the theme directory, the number of reports is too low for the team to be able to review themes based on user reports.

The valid reports, including a small number of critical theme security issues, still shows that the report functionality is important.

Discussion -How can we best use the report button?

We want your help with answering the following questions before the team meeting on January 26, 2021. Please reply with comments below.

  • How can we reduce the number of support requests through the report button?
  • Are there other formats than a report button with a link to a form that we should consider?

There is also a related TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. ticket about converting reports to support forum topics.

#report, #themes-team

Block-based Themes Meeting Agenda: January 6

Below is the agenda for this week’s Block-based Themes meeting.

Time: Wednesday, January 6, 2020, 10:00 AM EST
Channel: #themereview

Agenda

  • 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 theme updates 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/
  • Check in & discussion about the Block-based Twenty Twenty-One Theme
  • Open Floor / Q&A

Please comment if you have any other topics you’d like to see discussed!

+make.wordpress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org//coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./ #agenda #meeting

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

Block Themes Meeting Notes for 16 December 2020

Channel: #themereview

Facilitated by @kjellr

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/ + Themes Highlights

  • WordPress 5.6 was released last week.
  • HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. blocks will soon have a font-weight setting
  • We want to load the Site Editor in an iFrame to give us a clean slate for styles in the front and back end.
  • Custom units are now an option for the spacing control.

There are more Gutenberg updates in the latest Gutenberg + Themes post.

Twenty Twenty-One (TT1) Blocks

Work is accelerating on the new 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. version of TwentyTwentyOne. This is centered around this project board.

The aim of this project is to reevaluate all of the Block specific CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. in TwentyTwenty one and determine if it’s still needed, and if it is, whether to move to Gutenberg; make it configurable via Global Styles, or add it to TT1 Blocks.

In many cases this is resulting in new issues and PRs in Gutenberg. We are keeping track of these on the board. Cards that are blocked by a Gutenberg issue should be moved to “Blocked” until the Gutenberg issue is fixed. This will give us a comprehensive list of all the issues we need to fix to get TT1 Blocks launched.

With the FSE Outreach Program starting up again soon, we’d like to add TT1 Blocks to the Theme Repository to make it easier for users to test Full Site Editing. We’ll use the name TT1 Blocks to ensure that users don’t get confused with the default theme TwentyTwentyOne.

Requirements for Block Themes

There was some discussion about the requirements for full site editing themes. The following changes were proposed:

  • Make the 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. file a requirement
  • Remove the requirement for specific php templates (e.g. header.php)

We need to ensure that the block markup in a theme submission is valid. Exactly how we go about this is something which still needs exploring.