Jonathan Bossenger 9:32 am on June 30, 2022
Tags: make.wordpress.org/training,   

X-post: Learn WordPress Development: Creating a Public Roadmap for Content Creation

X-post from +make.wordpress.org/training: Learn WordPress Development: Creating a Public Roadmap for Content Creation

Ben Dwyer 7:17 am on June 30, 2022  

Create Block Theme

Create Block Theme is a new 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 which makes it easier for theme builders to use the existing Site Editor tools to create 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. themes.

What does it do?

This is a plugin which provides tools to enable theme builders to create block themes. There are five different ways of using it:

  1. Export: The current theme gets exported as a zip file, along with the user’s changes. This is essentially the same as the export option in the Site Editor
  2. Create a child themeChild theme A Child Theme is a customized theme based upon a Parent Theme. It’s considered best practice to create a child theme if you want to modify the CSS of your theme. https://developer.wordpress.org/themes/advanced-topics/child-themes/.
    Creates a new child theme with the currently activated theme as a parent.
  3. Clone the current theme
    Creates a new theme by cloning the activated theme. The resulting theme will have all of the assets of the activated theme combined with the user’s changes.
  4. Overwrite theme files
    Saves user’s changes to the theme files and deletes the user’s changes.
  5. Create blank theme
    Generates an “empty” theme inside of this site’s themes directory.

How do I use it?

This tool is designed to complement the existing tools in the Site Editor. You can build your theme using the Site Editor, and then use this plugin to save your changes in the way that is most convenient for your use case. You can see this in action in Designing a theme in the WordPress Editor by @beafialho.

The Training Team is busy working on a course for Learn WordPress all about creating block themes using the Create Block Theme plugin.

Who is it for?

This plugin is aimed at theme builders – both designers and developers. It is useful for sharing your designs between multiple sites or users. If you’re just building a site for yourself you probably don’t need it.

Note: This is a new tool and it may have unexpected behaviour. It is not advised to use it on a production siteProduction Site A production site is a live site online meant to be viewed by your visitors, as opposed to a site that is staged for development or testing..

Why isn’t this 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/?

Some features from this plugin (theme export) have made their way from this plugin into Gutenberg. This plugin is aimed at more advanced theme builders, but would be confusing for average users. The best way to make these tools available for people who want them is to put them in a separate plugin which is easy to install.

At the moment the 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. of this plugin is totally separate from Gutenberg. In time we expect more integration with the Site Editor UI, to make it easier to access these features.

How do I contribute to the plugin?

Everyone is encourage to contribute to this plugin in GitHub, by creating pull requests or issues.

Thanks

Thanks to everyone who has helped build this great tool:
@onemaggie @pbking @mikachan @mmaattiiaass @jeffikus @jffng @mrdollu @chaosexanima @phillsav

Questions

If you have any questions please ask in the comments.

Benachi 4:32 am on June 29, 2022
Tags: ,   

Themes Team Meeting Notes – June 28, 2022

Hello everyone. The meeting notes are from the themes review team discussion on June 14, 2022. The themes team meets second and fourth Tuesday of every month at 15:00 UTC.

This week’s meeting agendas can be found here. Thank you @kafleg for preparing the agenda. The meeting was facilitated by @kafleg. The note was taken by @Benachi. You can read the full transcript on our #themereview channel. 

1. Weekly updates

The themes team published weekly updates about tickets and HelpScout emails. 

Here is the theme statistic for the past 7 days. The most current stats can be found here.

  • 407 tickets were opened
  • 553 tickets were closed:
    • 386 tickets were made live.
      • 22 new Themes were made live.
      • 364 Theme updates were made live.
      • 0 more was approved but is waiting to be made live.
    • 165 tickets were not-approved.
    • 2 ticket was closed-newer-version-uploaded.

Number of reviewers: 3

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. Themes Stats 

2. Locally host webfonts files

We had a lengthy discussion about the best way to address remotely hosted fonts. Although no decision was made,  @colorful-tones suggests offering education and awareness of general font usage in themes meantime. 

@greenshady also see more of an approach that is educational first.  He said, “The Web Fonts 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. is still not completely finished yet either. Having a finished API in coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. goes a long way toward making it the standard/required method of including fonts”.

@pbking added “I believe that as it currently stands ANY font (or really any resource) leveraged from a CDN has the potential to be effected by the GDPR. Fonts hosted locally, no matter the ultimate origin, shouldn’t.”

@poena also agree with slowing down a bit. She said, “For each theme developer to spend effort and time on a temporary solution is wasted.”

For now, themes team would like to keep this as recommendation. We request all theme authors to load fonts locally rather then CDN.

You can read the full conversation here.

3. Open floor

At the beginning of this year, we set our goal to reach 500 block themes in 2022, but things are moving a little slower than we anticipate. We discussed the issues and challenges when creating a block theme.

@Pratik Kinage shared his user’s feedback addressing  the lack of customization. @colorful-tones shared the concern regarding the lack of version control.  @colorful-tones also discussed his concerns related to WooCommerce. 

If you have any specific issues or like to share your feedback, feel free to reach us at #themereview slackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel or leave your comment below.

Increase block theme exposure on the theme repository
This ticket addresses a way to give block themes more exposure on the theme directory. #6330  Give some priority to Block themes(FSE themes) in the WordPress themes repository. 

#meeting-notes, #themes-team

matiasbenedetto 12:39 pm on June 28, 2022
Tags:   

Latest changes in Gutenberg + Themes: 13.1 to 13.5 releases

Hello! This is the 80th 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/. 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.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. 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 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 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 [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. – 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 CSSCSS 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/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. 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

KafleG 7:31 am on June 27, 2022
Tags: , ,   

Themes team meeting agenda for June 28, 2022

This is the themes team biweekly team meeting agenda.

The themes team conducts a meeting on the second and fourth Tuesday of the month. This month second meeting is on 28th of June.

The meeting takes place in the #themereview channel on the WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. and you need an account to participate.

Channel: #themereview | Time: Tuesday, June 28 2022, 15:00 UTC

Along with the fixed agendas, we have an open floor at the end where you can ask or share anything related to themes.

We encourage all members and anyone interested to attend. You can also add your agenda in the comment section below.

Meeting agenda

  1. Weekly Updates
  2. Locally host webfonts files
  3. Open Floor

1. Weekly updates

Theme Tickets and Help Scout updates

Current statistics can be found on: https://themes.trac.wordpress.org/ 

Themes TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. ticket graph: https://themes.trac.wordpress.org/ticketgraph

Check regular weekly updates here.

3. Locally host webfonts files

There is a recommendation to host webfonts file locally in WordPress themes. But, now we want to make it required. You can check more info about this here.

We would like to discuss about this and looking forward your view regarding this requirement.

3. Open floor

We will discuss everything related to themes. Attendees can ask or share themes-related things.

Please comment in the comment box below if you have anything to bring up during the open floor.

#agenda, #meeting, #themes-team