Summary of Hallway Hangout on what’s next in Gutenberg

This is a summary of a Hallway Hangout that was first announced on Make Core. The aim was to have a shared space where we could chat about whatโ€™s being worked on to provide broader awareness to more WordPress contributors and get feedback. The hope is that by coming together early before the next 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. period to talk about different features, we can, as a community, flush out concerns sooner, help more folks get involved, and find ways to work better together. Thank you to the 18 folks who joined and to @saxonafletcher and @richtabor for demoing.ย 

Video Recording:

Demos:

The first hour or so covered demos of features with a few questions mixed throughout. What follows is a high level description of the demo topic with links to GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ issues to dive into more and questions asked and answered related to the topic.ย To make it easier to follow, I also tried my best to split each demo into each section so folks can pick and choose to engage as theyโ€™d like. This doesnโ€™t include the full footage but it includes the relevant bits for demoing.

Theme Style Presets

Rich quickly went through at a high level theme style variations, using Twenty Twenty-Four theme as a use case. He then went through abstracting color and typography styles (more than just fonts and includes things like letter spacing) as their own presets. This work was initially merged in a recent PR and works with all existing themes today that support style variations. Going forward, there are some technical details to iron out along with potentially evolving the experience to better support themes with a large set of variations. For a greater view of this general area, dive into the Colors and typeset presets from theme style variations overview issue.ย 

Section Styles

Rich recapped the 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. style variations mechanism and how you can register variations 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. for multiple blocks at a time, including a demo of how this functionality would work in the editor to allow for โ€œsection stylesโ€. This isnโ€™t inventing anything new but modifying existing functionality of block styles. The biggest new functionality is that you can assign a variation to multiple blocks and to child blocks at one time. For Richโ€™s demo, switching between variations changed the styling for Group, Column, and Columns blocks. Overall, this work for 6.6 is being tracked here with the biggest PR still underway to extend block style variations as a mechanism to support this.

Q: For light/dark in the block styles demo, how are these configured differently than a block style or block variation?

Reusing block style variation and applying it to all child/nested blocks too. With all of those combinations, can still granularly change things. Itโ€™s make theme.json more portable across themes.ย 

Q: Are there any naming conventions needed for consistency of colors?

Any theme can decide what these variations look like so it doesnโ€™t matter what the color slugs are that a theme uses. In previous themes, base and contrast were primary color slugs used but any other color combinations you canโ€™t guarantee. This allows the theme to define what combinations of colors work well and the theme styles that variation rather than guessing and match up different slugs.ย 

We briefly touched on the many related issues there are around color naming as a broader topic: #29568ย & #53996ย & 39372.

Q: Is the theme.json you are showing available to look at somewhere?

Yes. Hereโ€™s the relevant, new bits from Richโ€™s demo:

{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"title": "Section Styles",
"styles": {
"blocks": {
"variations": {
"colorway-1": {
"supportedBlockTypes": [
"core/group",
"core/columns"
],
"color": {
"background": "var(--wp--preset--color--theme-2)",
"text": "var(--wp--preset--color--theme-3)"
},
"blocks": {
"core/separator": {
"color": {
"text": "var(--wp--preset--color--theme-3)"
}
},
"core/heading": {
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-3)"
}
}
}
}
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-3)"
}
},
"button": {
"color": {
"background": "var(--wp--preset--color--theme-3)",
"text": "var(--wp--preset--color--theme-1)"
},
":hover": {
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-1)"
}
}
},
"heading": {
"color": {
"text": "var(--wp--preset--color--theme-3)"
}
}
}
},
"colorway-2": {
"supportedBlockTypes": [
"core/group",
"core/columns"
],
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-2)"
},
"blocks": {
"core/separator": {
"color": {
"text": "var(--wp--preset--color--theme-2)"
}
},
"core/heading": {
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
}
}
}
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-2)"
}
},
"caption": {
"color": {
"text": "var(--wp--preset--color--theme-2)"
}
},
"button": {
"color": {
"background": "var(--wp--preset--color--theme-1)",
"text": "var(--wp--preset--color--theme-4)"
},
":hover": {
"color": {
"background": "#FFFFFFE3",
"text": "var(--wp--preset--color--theme-4)"
}
}
},
"heading": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
}
}
},
"colorway-3": {
"supportedBlockTypes": [
"core/group",
"core/columns"
],
"color": {
"background": "var(--wp--preset--color--theme-5)",
"text": "var(--wp--preset--color--theme-2)"
},
"blocks": {
"core/separator": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
},
"core/heading": {
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
}
}
}
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-2)"
}
},
"caption": {
"color": {
"text": "var(--wp--preset--color--theme-2)"
}
},
"button": {
"color": {
"background": "var(--wp--preset--color--theme-3)",
"text": "var(--wp--preset--color--theme-1)"
},
":hover": {
"color": {
"background": "var(--wp--preset--color--theme-4)",
"text": "var(--wp--preset--color--theme-1)"
}
}
},
"heading": {
"color": {
"text": "var(--wp--preset--color--theme-1)"
}
}
}
}
}
}
}
}

Q: Are these essentially class-based? i.e. will these style variations still work with CSSCSS Cascading Style Sheets. files (and JSON at the same time)?

Yes, class based like other block style variations.

Zoomed out view

Rich demoed the work being done around zoomed out editing which emphasizes patterns rather than editing blocks, allowing you to quickly build with patterns (reorder, delete, apply section styles, shuffle). There are some UXUX User experience considerations to figure out, including ensuring the mode is invoked at the right time and drag & drop works well. The work done here could also apply in the future to the experience of adding a new page or even onboarding into WordPress. Itโ€™s unclear right now whether itโ€™s something that will be a toggle to use as you want or a view thatโ€™s offered in targeted moments (ie global styles or inserting patterns).ย 

Q: By zooming out for the pattern view โ€“ does that mean that patterns arenโ€™t still useful for smaller groups of blocks (i.e. wanting to add a CTA pattern to a column)?

These patterns are still useful! This new option is simply offering a different context and allowing you to engage with patterns in a different way. This is also something to figure out how to do to provide a level to add patterns to a specific section.ย 

Q: Iโ€™m missing the purpose of the shuffle button. What if it was a button the showed all relevant patterns to replace the current one with?

Itโ€™s an exploration to see if itโ€™s viable and it might not be where we end up. Of note, shuffling just goes to the next pattern rather than a random pattern. We talked at this point about different ways of interacting with patterns, including replacing patterns in the Inspector or selecting patterns from a modal (query 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) or shuffling.ย 

Advancing data views

Saxon demoed the latest work around Data Views including a new list view layout type for posts, new default views for templates, and the efforts done to merge patterns & template parts. He discussed being able to set custom views and how useful that will be especially in an enterprise context when lots of folks are working across content. He also shared a figma prototype showing what it might look like with products, rather than posts/pages, to show a custom post typeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept. experience.ย 

As part of this broader work, the Details and Inspector are being unified to simplify both where to find information and the steps to get to editing (without the Details panel, you can go straight into the editing experience). We discussed extensibility, namely around the APIs currently being private but how the work is being tackled with extensibility at its coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.. For folks who want to explore today, they can bundle the data view styles in their plugin. In looking ahead, we also talked about responsiveness improvements and how consumers of these components can decide how to define the experience, including any default views or custom views.ย 

Q: That preview of the โ€œproduct custom fieldsโ€ as a screen you see before the editor โ€“ how does that design relate to the modal for legacy metaboxes that is also happening?

Ideally any data values associated with a post type should be actionable within data views, including generating fields for data. Currently, the data views work is looking at ways to quick edit and bulk edit when selecting multiple items. In some cases, this might be done by editing in the Inspector. There needs to be a broader discussion to define whatโ€™s shown in each view vs in the inspector instead of at the bottom. In some cases, there are benefits for things that require more space, like products, to having a more detail style view as a middle step, to allow for editing rather than having something on the bottom or side where youโ€™re trying to edit something in a smaller space.ย 

As part of this answer, we also talked about the upcoming developer hours on alternatives to custom metaboxes.ย 

Q: Are we able to control where our custom post type appears in 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. order?

Not yet! Need to figure out more technical details, including around routing.ย 

Overrides in synced patterns

Saxon went through what synced patterns are along with how overrides function, allowing you to edit a part of a synced pattern while keeping the rest in sync, and showcased a synced pattern with overrides and contentOnly editing enabled. This work is being tracked for 6.6 after being punted from 6.5. As part of this overall feature, we also discussed advancing contentOnly editing to create a simpler editing experience by surfacing more top level sections rather than needing to work about the block hierarchy and providing easy access to edit specific aspects in the inspector.ย 

Q: Would like to hear thoughts on pattern overrides/content locking working with blocks that use repeatable inner blocks (lists, buttons, etc)?ย 

This touches on a common limitation of these kinds of tools and is captured in a related GitHub issue. We talked about how, in the future, you can add overrides for all inner blocks as a way to work around this but, for now, this limitation remains.ย For example, you could make a grid block overrideable with all children within it inheriting the same.

Block connections

Saxon demoed block connections with an example post type called โ€œEventsโ€ with a custom template with a handful of blocks connected to custom fields (location, venue). Right now, this connection has to be made in code including for whatโ€™s planned for 6.6 but thereโ€™s a larger vision that includes how this could be edited in the interface in the future. For 6.6 though, the ability to edit the custom fieldCustom Field Custom Field, also referred to as post meta, is a feature in WordPress. It allows users to add additional information when writing a post, eg contributorsโ€™ names, auth. WordPress stores this information as metadata. Users can display this meta data by using template tags in their WordPress themes. visually is planned. Saxon demoed this by editing the custom field directly in an individual event post and showing how it was updated in the posts lists automatically. Saxon also showed how the data will all remain in sync if you have the custom field displayed in multiple places. As a final demo, Saxon showed a Query Loop block querying through the events post type and how he can simply copy/paste the blocks with custom fields into the Query Loop to reuse the functionality there.ย 

Q: Do these fields have to be registered somewhere or are they automatically detected/available by adding it via the code editor?

Yes, they need to be registered and be โ€œnon-protectedโ€. Hereโ€™s part 1 and part 2 of a developer blogblog (versus network, site) post on connecting custom fields for more information.ย ย 

Q: What field types (text, select, relationship) is this expected to support when introduced? For custom fields and block binding.ย 

For 6.5, the following are supported:ย 

  • Paragraph: content.
  • Heading: content.
  • Image: URLURL A specific web address of a website or web page on the Internet, such as a websiteโ€™s URL www.wordpress.org, alt, and title.
  • Button: text, URL, linkTarget, rel.

Grid layout

Saxon showed the work in progress layout improvements for the Grid layout option. There are two modes in Grid: auto (set minimum column width and canโ€™t manually set items) and manual (set number of columns, set number of rows, and manually set items). Once a grid is placed in manual mode, you can reposition them and create new items. Saxon discussed the explorations around being able to โ€œpin to gridโ€ as a way to say that a grid item should never move and how with manual mode this idea of pinning would go away leaving everything to be seen as pinned to the grid manually. This makes manual mode more complex and, for something more structured, thatโ€™s where auto mode would be used. A big part of the entire feature is figuring out the best default experience for folks. If you want to follow this work, thereโ€™s now a 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 for discussions: #feature-grid.ย 

Q: Any thoughts on how some of these more unique grid layouts will work on mobile?

There are lots of various discussions around how best to do this and we need to be smart initially around how to stack items, like stack on mobile for columns.

Q: Can we overlap items?

Not yet. Thereโ€™s a limit in place to prevent that. You can create overlapping items but for v1 we will limit how you can do that. The end goal is you can in the future.

Additional questions

Q: Summarizing a question asked live โ€“ย  where do I get new information about whatโ€™s coming up, especially outside of the technical resources? What do I have to follow?ย 

We talked about how all levels of communication are needed from longer tutorials to quick reels to user friendly resources to deeply technical walkthroughs. This is a โ€œforever problemโ€ that cuts across how information is found on the 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/ website to release resources to the entire experience of using WordPress. We talked about how the media corps work might help with this too.ย 

Q: How do we feel about the fact that the 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. exist while also encouraging theme builders to ship fonts so that variations (typography) are available in global styles? Themes are sometimes shipping 50 fonts. How much do we ship? Should a theme ship with no font? A lot of these themes are huge! This is a more philosophical question.ย 

We talked about how we could potentially reconcile these so declaring a font family in theme.json could potentially bring it into the site editor but that, in general, fonts should still provide presets for users. Ideally, it can all be connected to the font library to keep fonts in one place but we shouldnโ€™t make users go hunting for fonts and themes should be opinionated in how they want folks to use it.ย 

Q: Iโ€™d love to hear if anyone has a fix for this issue Iโ€™m dealing with regarding caching and style variations.ย  tldr the style variations cache doesnโ€™t clear, so you have to switch back and forth between variations to clear it while working on a new theme.

Please chime in on the issue if you think you can help! None of us on the call had a good answer for it as it mainly requires a workaround rather than a fix that can be shipped as itโ€™s a known limitation.ย 

#gutenberg, #hallway-hangout, #outreach, #site-editor

Hallway Hangout: Letโ€™s chat about whatโ€™s next in Gutenberg

There are some big, exciting efforts underway within the 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/ project and 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 that will eventually make their way in some form to a future WordPress release. Itโ€™s all WordPress at the end of the day and, in an effort to bring people into the flow of whatโ€™s happening in the earlier stages, this hallway hangout seeks to be a snapshot of whatโ€™s being worked on to provide broader awareness to more WordPress contributors and get feedback. The hope is that in coming together early before the next 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. period to talk about different features, we can, as a community, flush out concerns sooner, help more folks get involved, and find ways to work better together.ย 

Important note: this hallway hangout will likely last for 90 minutes instead of the usual 60 minutes to allow for ample time to demo and discuss.ย 

How to join

If youโ€™re interested in joining, the Hallway Hangout will happen on 2024-04-24 23:00 . A Zoom link will be shared in the #core 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 before starting and all are welcome to join, whether to listen or participate, for as long or as little as youโ€™d like. This will be recorded and recapped. Note that the time for these hallway hangouts are intentionally rotated to allow for different folks to participate in different ones.

If youโ€™re unable to make it but have something to comment on or share, I welcome you to leave feedback in the comments of this post or dive straight into the GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ issues linked below. This isnโ€™t meant to replace any particular way to get involved but is meant to streamline and offer a more high bandwidth way to connect.ย 

Agenda

At a high level, the following items are currently on the list to go through but more might be added depending on how the next few weeks take shape. Weโ€™ll get through as many of these as we can in the order as shown below, with either demos to go through from figma, from a PR, or via the Gutenberg plugin. @saxonfletcher & @richtabor will help lead these demos:

  • Data views efforts and its relationship to the Adminadmin (and super admin) Redesign.
  • Overrides in synced patterns, including the UXUX User experience and the broader reasoning around naming to unlock an override.
  • Zoomed out view and the experience coming together to focus on patterns rather than granular 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. editing, including Advancing contentOnly editing.
  • Layout improvements, including Grid layout support.
  • Pattern styles, which would offer multiple ways of styling content based on a single palette, and Colors and typeset presets from theme style variations.
  • Style inheritance to help clarify where and why different items are styled as they are.ย 

Thereโ€™s obviously more that could be on here but, in an effort to focus on some of the larger, more relevant work, letโ€™s start here. We can always hold more of these in the future! Hope to see you there.ย 

#gutenberg, #hallway-hangout

Recap Hallway Hangout: Using Site editor in production for client sites

The topic, as mentioned in the invitation, was about how do agencies and freelancers adjust their workflow and tooling to provide a consistent experience for their clients. The difference between classic themes andย 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 are considerable. For instance, block themes have settings information stored in various places (database and 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.), and templates and patterns are handled differently. How does it all change workflows regardingย version controlversion control A version control system keeps track of the source code and revisions to the source code. WordPress uses Subversion (SVN) for version control, with Git mirrors for most repositories.ย and deployment. Is there a common method that could be identified and help other agencies and freelancers in their work with block themes?

This post includes the video, the mentioned resources and GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ issues, the recording transcript (AI), and the chat transcript edited for readability.

The major pain points that hinder wider adoption, raised by the participants

  • The navigation block lacking menu locations and inability to manage multiple environments. In general, there was not a lot of love lost for the navigation block.
  • Difficulty restricting editor access and controlling who can edit certain parts of sites. In the chat a participant shared Nick Diegoโ€™s October 2023 workshop was shared.
  • Challenges finding where modifications have been made across various editor and database locations.
  • Limitations with pattern management, such as difficulty getting patterns built in the theme (= site) editor into a theme.
  • Tracking changes made on a live site back into the codebase/version control system.
  • The additional CSSCSS Cascading Style Sheets. field lacks features like color coding and linting.ย  It was surprising how many participants rely on the Custom CSS feature to tweak sites.
  • Difficulty reworking image and other assets when exporting/importing between environments.
  • Poor UIUI User interface/UXUX User experience of certain editor areas like the additional CSS field and navigation block
  • Issues switching theme designs between clients while also allowing customizations.
  • Need for better tools for plugins to register and customize templates/content.ย 
  • Difficulty managing multiple environments/staging vs production with templates, and navigation menus.
  • Challenges with pattern overrides and syncing patterns from themes versus patterns built in the database.
  • Need for more granular exports when moving parts of a site between environments. Like being able to only export one template (override the one on disk) instead of always having to export the entire theme
  • Improving workflows for tracking database changes in version control systems.

Lots of positive feedback, too

  • Speakers who had built sites with the full site editor and custom blocks said clients understood it well, and they werenโ€™t having problems, including with multisitemultisite Used to describe a WordPress installation with a network of multiple blogs, grouped by sites. This installation type has shared users tables, and creates separate database tables for each blog (wp_posts becomes wp_0_posts). See also network, blog, site and Polylang.
  • It was noted that most clients and agencies, after a couple of weeks of learning, get used to the new editor interfaces and understand the differences between page, post, and site editors.
  • Create Block Theme was praised as a โ€œgame changerโ€ that made adopting full site editing and block themes possible for agencies.
  • Updates to Create Block Theme were highlighted as addressing pain points like font management, editor for theme.json and image asset handling.
  • The redesign concepts for the editor UI/UX shown in prototypes received positive feedback for improving upon cramped sidebars and modals.

Resources shared

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 & Tools

WordPressTV: Builder basics: how to curate the editing experience

Discussions, Issues, and PRs on GitHub

Recording Transcript

00:00

topics and so well welcome, everybody to the hallway hangout using site editor in production for client side. It has been so in the post, yeah, I wrote that. That workflow and tooling changes between classic themes and block themes. And because one of the challenges that data is stored in files, design is stored in files, as well as in the database when the user interface, somebody changes something in the user interface. Itโ€™s stored in the database. So that makes for an interesting, different way. And yeah, so I would like to go around the room with 20 people, itโ€™s a little hard, but to kind of figure out what are the challenges, or the common issues that agencies on freelancers encounter when they work for clients site? And I just want to kind of, well, who wants to go first? How about in? And itโ€™s next to me? In the, in the gallery view? Okay. Yeah. Yeah.

01:24

Good morning. Oh, for me, itโ€™s Good morning. Hello, everybody. Iโ€™ve been actually documenting my journey, as I have just finished designing and developing my first blogblog (versus network, site) theme. And it was a great learning experience. So I have some pain points that Iโ€™ve made note of, and some blog posts and sharing on Twitter and stuff like that. But what comes to mind, the most recent stuff that came up to me was wrapping my brain around the difference. Forgive me if it sounds like really lame to some of you, but for me, it was quite a learning experience. So I finally figured out I think the difference between just a simple migrationMigration Moving the code, database and media files for a website site from one server to another. Most typically done when changing hosting companies., where everythingโ€™s still in the database, all the customizations that I did with global styling and custom CSS in the additional CSS field, that vs. Two different ways of exporting one with the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. approach and one with the Create block theme. Export. I didnโ€™t realize that there would be three different things that would happen. And now Now I realize that

03:02

I muted because I was taking notes, rudimentary notes, but I didnโ€™t want the clicker. Clicker clicker comes right. So Iโ€™m glad you mentioned the thank you, and who else wants to go? wants to go next? I think Colin, you had some strong opinions or questions. And that you because it was one of the topics that you also found really hard to,

03:32

we have a long list, I think the biggest one that weโ€™re facing right now is how to restrict the editor. And where that kind of comes in is that we, we need to be able to control brand standards. And thereโ€™s a lot that weโ€™ve done in the past with, with GitGit Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance. Most modern plugin and theme development is being done with this version control system. https://git-scm.com/., to where we would actually everything would be version controlled. And I know on the last call, we kind of talked about that. And it sparked some conversations and some threads out there. Weโ€™ve been experimenting with some some different tweaks from our side. But I think the the other challenge is, sometimes I just donโ€™t want people in the editor. But they still need to be able to edit and so weโ€™re weโ€™re trying to figure out exactly how to handle that. Weโ€™ve been playing around with some stuff we kind of built internally using, like the environment configs in you know, I would thereโ€™s this dream someday of maybe like a developer and agency user role in in WordPress, but it would be something to where they would have different privileges than maybe an administrator does because our clients they still want to be an administrator. They need to be able to add plugins need to be able to do change administrative settings, but donโ€™t necessarily need them changing things. So weโ€™re trying to access things like that. And so weโ€™ve built a tool that internally, weโ€™re testing, itโ€™s really rough. But basically, if if we enable this, we the editors only available, or somebody that has a developer role. And itโ€™s a role that weโ€™ve added challenges we ran into is sometimes thereโ€™s a block or a pattern thatโ€™s in the page editor, that is still technically end up changing something in the site editor. And so thereโ€™s some overlap there. But thatโ€™s more like sync, pattern sync, things like that. So. But yeah, we just need, we need ways to limit control, because we will have like colleges, universities, healthcare organizations, financial institutions, things like that, we may have 50, or 60 people that are in the backend of the site, because theyโ€™ve all got their own divisions. But for the marketing teams, they are terrified of what these these people may change in the site. So

06:23

here, so who wants to go next, the challenges? Before we go into solution, I think I would like to have a list of things that are challenges. So we can,

06:36

Iโ€™ve kind of got one today, just something having to say is, I just donโ€™t have, hey, I had, I had them, I designed a footer with an image that was part of the theme. And so put that into a tabular pattern. And then link to it from the pattern template. So itโ€™s like a PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher person. So I could do the, you know, get theme directory, uploaded it, and then the client or partner made changes to the footer. And then I asked to make some changes to the footer. And when I grab everything down, again, itโ€™s all sort of got like, the links to all the itโ€™s not like relative links anymore. Itโ€™s all been created, so like hard coded and stuff. And then I have to try and refix it all. To upload it all again. Itโ€™s just very cumbersome. And I donโ€™t know if you know, Iโ€™m talking about oh, isnโ€™t that a workshop as a? Thatโ€™s interesting? I didnโ€™t know about that. Okay.

07:35

So, yeah, Lisa, you raised your hand.

07:42

So sometimes, sometimes, itโ€™s just hard to remember where to find the modifications Iโ€™ve done. And I know, I know, theyโ€™re all available. And after searching either, you know, customizations to, you know, all templates editor database, you know, thereโ€™s just so many places that theme dot JSON, that a change could have been made. And I know, sometimes you can do find it through the inspector. But I do find that while it doesnโ€™t stop me from using the page editor, and maybe it will stop my clients from making changes that are unintended. It sometimes takes a little extra time. So thatโ€™s it.

08:31

Yeah, thatโ€™s definitely something and Fabian is here.

08:36

Yeah, and more, there are a couple of things. And the first one, if I quote, Brian, whoโ€™s also on the call here from his article yesterday, I believe one of the criminal offenses, always is that the navigation block doesnโ€™t have a location anymore, and so that it always just stores the idea of the navigation menuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site., which means that there is no way to manage multiple environments, kind of a staging development, production environment that is very typical for kind of the agency world or for working on these larger sites. There is no way that you can say like to use to be able to in classic theme, a this is the 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. navigation, this is footer, column one versus for column two, and then assign locations, kind of assign navigation menus to locations. Instead, you can still have individual navigation posts, which are now stored in the database. But the actual Navigation block stores the ref attribute kind of distorts the actual idea of the post in the environment. And that means that as soon as you actually go, you kind of you need to go into the header to assign the navigation. And at that point, youโ€™re already creating an override for the header and therefore locked out of future get updates if you change the header template because the template is already kind of stored in the database now, and that that essentially means that If weโ€™re locked out of get updates for the header and the footer all the time, because it already contains a navigation, and kind of that that is one large thing. Another piece is, I think, Nick, you mentioned that the 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/ team also has similar requirements where there canโ€™t be any modifications to content on the live environment instead of needs to be pushed up. And so I think the process of having kind of that system where templates can read from file, but then can get overwritten, is, is cool, but it would be cool to have an additional mode where you can say, hey, donโ€™t allow modification of this particular piece, kind of donโ€™t allow override of this template part kind of have that locked down. So itโ€™s, it is still showing up it is available as the preview and everywhere, but it may not be completely editable. And the final thing that I want, I just wanted to raise is with patterns. So I know, theyโ€™re really cool things coming with pattern overrides. And kind of synced patterns are so powerful. And now with the new UI where theyโ€™re editable, not inline, but you have to click on the Edit original that is a nice enhancementenhancement Enhancements are simple improvements to WordPress, such as the addition of a hook, a new feature, or an improvement to an existing feature., because it differentiates more between that local and global instance. But something that weโ€™re often running into, kind of, for example, if we think of a query block, create a 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, we would want to be able to have the card actually be a pattern that we have in the theme that the client doesnโ€™t necessarily need to edit yet, they can edit all the options of the query block, but they donโ€™t have to edit the actual card. Right now you can already create a card pattern. But ideally, we would want that to be a synced pattern that is prompt coming from the theme. And so itโ€™s not editable in there, just having the ability to have synced patterns that are coming from the theme and not from the database.

12:03

And you created an issue for that for the sync patterns coming from the theme. Right? And yeah, Iโ€™ll, I hope Iโ€™ll find it before the end. Otherwise, I would put it in the in some of those summary or notes. So Mark, I think youโ€™re next.

12:26

Hi, yes, long time. Iโ€™ve spoken to a lot of people here. So itโ€™s nice to see faces for a change. I know this is about saying the experience here, I just want to quickly say that weโ€™ve built about a dozen sites so far with the full site editor, few custom blocks, but also a lot on core. And itโ€™s working very well. The clients are understanding it, weโ€™re battling a bit with an agency because theyโ€™re having trouble in understanding the concept as a side editor, and the Block Editor. The big problem that weโ€™ve that weโ€™ve rarely come across as come up a couple of times now is I think a few other people have already said is thinking back changes from the live website back into the code base. Especially now because weโ€™re writing out quite a hectic phase at the moment of trying to close off a multisite project with six websites in it. And itโ€™s getting to the stage now. Because when you copy the content out and from the parts manually back into the theme back into the theme, where if you use a creative block plugin, a lot of stuff that gets hard coded back in some of the stuff gets shifted out of HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. and into PHP patterns, which I think is a good solution. But it also means that a lot of files get moved around, if thereโ€™s a lot of stuff thatโ€™s been changed. And then if the client then changes something into more than itโ€™s immediately out of date. So that kind of whole process about tracking changes within the Tech because so much is in the Block Editor in the site editor. It is quite a challenge right now. I mean, Iโ€™ve weโ€™re kind of getting rounded, but itโ€™s not not really the ideal solution. On a practical sense, editing the content managing the site, absolutely no problems works really well, including multisite. With Polylang. Weโ€™ve Weโ€™ve pretty much just stuck it in and it works. So pretty much superbly positive feedback so far, but excellent. For me. My job is a little bit trite, a little bit challenging right now. But thatโ€™s what I get paid for.

14:13

Well, thank you. Thank you, Mark. Bryan. Yeah, you have put quite some thoughts on it. And you put it also in writing. So maybe you can, yeah.

14:25

Yeah, I did outline some of the stuff on a blog post recently. So you can see that all of these were all pretty good. So Iโ€™ll bring up one that I donโ€™t think has been mentioned that specifically about patterns, which is pattern pattern management. So if you build patterns using the site editor, you canโ€™t really get them into a theme very easily. If you build patterns in the theme, you then can edit them in the site editor, at least as far as Iโ€™m understanding. So a solution, for example, is pattern manager which is a great plugin but it doesnโ€™t itโ€™s just a itโ€™s officially a Itโ€™s not getting updates. And so Iโ€™ve, Iโ€™ve kind of forked it to try to get it to work. But then I keep breaking other things. And they use TypeScript, which makes me struggle even more with it. There is an issue, Iโ€™ll put it in the chat for create block theme to handle patterns, like just, you know, just basically, Iโ€™ll like apart from seems patterns apart from pattern overrides all that stuff. Itโ€™s literally just can I build out a bunch of patterns and get them in my theme in a reasonable amount of time. And so I think that even just that first step would be super helpful. So thatโ€™s the issue that I posted there. And then I pre basically second, all the other stuff about tempo changes, global changes, global, the lack of navigation, menu locations, things like that. But yeah, that thatโ€™s Iโ€™ll add patterns in there.

16:02

I never get this right. Iโ€™m sorry. So we have a few. Yes, I hate that too, or have the same problem in the chat. The sync patterns we talked about, not we talked about, but we mentioned it. And then the block theme issue that Brian have seen. So we have two people who work on the grid block theme on the call, and Iโ€™m glad to hear. So itโ€™s Jason, Chris and Sarah Norris. And you are just working on a new update? Do you want to share a little bit what what the updates are going to be or now that could take some of the pain that we just heard out of the process?

16:58

Iโ€™m happy to talk about it at length forever.

17:01

Yeah, you got 10 minutes.

17:06

So so weโ€™re trying to get a release of create block theme. Out wrapped up as close to the release of WordPress 6.5 as we can, one of the biggest reasons is because font management kind of migrated from Crate block theme and into core by way of 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/. And so weโ€™re attempting to make sure that that experience works natively. And you can use that in combination with great block theme to manage your fonts. So that the fonts arenโ€™t handled by the plugin, the fonts are managed by core. And then you use create block theme to make sure all of those assets are gathered, and put into your theme when you export it or when you save it. So thatโ€™s one of the biggest pain points, that was kind of the biggest reason for the release of this time. And then some of the other things that you guys have mentioned, definitely on our radar, or in development. So the image assets kind of getting lost and stuff, weโ€™ve cleaned up how things work there so that when you you know, when you use image assets, thereโ€™s thereโ€™s stuck in your theme folder where theyโ€™re supposed to be consistently. And then one of the other things that nobody has mentioned, but it was it was important for us at Automattic. For the way we have all of our themes are localized all the patterns and all the templates and stuff. And so thatโ€™s something that we have integrated into create block theme. Again, more kind of consistently, itโ€™s something that anyway, strings that are in your templates and stuff are now converted to PHP stuck into patterns. And that is, you know how those things can get localized. My understanding is that down the pipeline, there are other plans for how to localize blocks and the content theyโ€™re in. But until that happens, we need other tools to do that. So So those are kind of the big things that weโ€™re shooting for in this release. Once weโ€™re kind of over that hump, though, the big thing for me is patterns, patterns, patterns, like management of patterns, being able to use patterns across right now. Thereโ€™s thereโ€™s even in the work that weโ€™ve been doing. Whatโ€™s great blockchain Iโ€™ll do an overview real quick. Just to be able to use patterns as you guys mentioned as a pain point to say I want to be able to work on a pattern and use it throughout a theme user throughout contents. And it doesnโ€™t, doesnโ€™t jive well. And I donโ€™t know exactly what thatโ€™s going to mean it for create block theme for Gutenberg for any of that as far as that goes. But itโ€™s an important aspect of theme development. And for that reason, I think that create block theme is the right place to get that started. So that we can kind of work through the possibilities, and allow that to grow into whatever wherever that goes. Like we said, the minute or font management started really with great blockchain before it got into core. And so what we do here with great block team helps all of us early, and then eventually helps everybody. So thatโ€™s a quick 20,000 foot view of of the changes a create block theme, though. So youโ€™ve got a link. But itโ€™s really just I like to think of it as like development mode. Like you, you open a browser window, and you can open development mode, gray block theme, to me is is a place where we can add a development mode for for themers for theme development of using WordPress, so that you can use the native side editor tools to build your theme. And then export that. As zips. As you know, with whatever your development workflow is, I donโ€™t export zips, I donโ€™t use those, the development workflow that I have is get. So I want all of my stuff saved, where my thieves themes are and be able to work through that. And so want to make sure that that work workflow works, but also exporting zips. One thing I wanted to mention with this next release, weโ€™re actually planning to probably eliminate the WP adminadmin (and super admin) interface. Most of youโ€™re probably most familiar with that. But weโ€™ve been migrating all of the capabilitiescapability Aย capabilityย is permission to perform one or more types of task. Checking if a user has a capability is performed by the current_user_can function. Each user of a WordPress site might have some permissions but not others, depending on theirย role. For example, users who have the Author role usually have permission to edit their own posts (the โ€œedit_postsโ€ capability), but not permission to edit other usersโ€™ posts (the โ€œedit_others_postsโ€ capability). of a black theme into the site editor itself. So thatโ€™s where all future, everythingโ€™s gonna go. So there might be like some, some some documentation or maybe some wizards and like, Intro workflow in WP admin, but itโ€™s just a whole lot easier to develop directly in the site editor, weโ€™ve, you know, right at the source. So thatโ€™s where it kind of everythingโ€™s gonna grow. From there. So.

22:28

Well, thank you so much, Jason. Any questions for Jason now that some of you already use the Create blockchain quite a bit. Mark mentioned it. And Brian mentioned it and n as well say anything that you would like to ask all kind of have a feature requests? I hear See, Colin, maybe thatโ€™s not the question that you wanted to talk about. But B, go ahead.

22:59

No, itโ€™s absolutely on the credit clock thing. It was a game changer for us. Like without that, it was really tough for us to be able to actually adopt, being able to use Full Site Editing and unblock themes as an agency. So thank you all for the work that youโ€™ve put into that feature requestfeature request A feature request should generally begin the process in the ideas forum, on a mailing list, as a plugin, or brought to the attention of the core team, such as through scope meetings held for each major release. Unsolicited tickets of this variety are typically, therefore, discouraged. in less this is already there. And I just havenโ€™t seen it, but because our development workflow is shifting a lot to where sometimes weโ€™re actually finding ourselves building in the browser in a staging environmentStaging Environment A staging environment is a non-production copy of your site. This is a private place to build the site -- design, copy, and code -- until your client approves it for production or live. Sometimes used in addition to, or as a Development Environment. where we used to be, you know, building in a local environment and things like that. Thereโ€™s, with our workflow, we virtually control everything. And what weโ€™re running into is an issue to where we actually have to maybe go enable or disable functionality inside the theme dot JSON. And then, you know, commit that, push it to staging, then be able to continue our workflow. Itโ€™d be awesome if there was just a away with create block theme or something like that, where there was like a theme dot JSON editor, to where we could just modify whatever those features are that we need, turn it on. Itโ€™s

24:16

actually our stretch goal for this release. Weโ€™ve already started development of a JSON editor. I canโ€™t promise that it will be in the next release. I can promise it it is in Development Act development. That was actually my morning. Thatโ€™s what Iโ€™ve been working on it. Big part of Sony.

24:33

I think Iโ€™m done.

24:38

Yeah, thatโ€™s awesome. Thank you. Just wanted to note from the chat, that granular a more granular export would be also quite feasible for like, be able to only export a template from the overrides or something like that. So we have more hands Justin, then Alex, and then do a little case study. Yep. Okay.

25:03

Yeah, just just because we have both Brian and the team, the Create block theme team here. Iโ€™d like to invite Brian to take the work that he mentioned, forking template meant our the fighter manager. Go ahead and like, bring it into the ticketticket Created for both bug reports and feature development on the bug tracker.. And just share and see if we can, can collaborate there. Iโ€™m sure the team will welcome that.

25:34

Yeah, I think one big difference is pattern manager, they basically load like a fake Block Editor with a fake Custom Post TypeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept., and, and do all this extra work. So itโ€™s, itโ€™s like, the basically, itโ€™s like two completely separate approaches, one through the site editor, one through like a MeetupMeetup All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for โ€˜WordPressโ€™ on meetup.com will help you find options in your area. kind of post type that they auto generate every time they kind of load all your patterns from your team. But I think itโ€™s worth looking at those two things, because I think itโ€™s two different approaches. But there might be some crossover.

26:00

Yeah, at least Yeah, at least have the conversation going there. So you know, for comparison.

26:10

Yeah. Alex?

26:17

Hey, thank you for hosting this. So I have very slowly started again, into using the full site editor, I have a crowdfunding plugin that weโ€™re building a blog theme for that leverages the site editor, and, you know, itโ€™s it, itโ€™s definitely been a difficult ramp up for me. So I appreciate the work that thatโ€™s been done. And itโ€™s improved a lot. So So I want to make sure to say that, um, I think it so there, thereโ€™s a pair of questions I have, and I guess, theyโ€™re theyโ€™re both kind of philosophical, and maybe for the room at large. But I, you know, it is building sites through the editor and stuff. Obviously, not a lot is not as much as done through version control, as it used to be like, you can still do patterns through version control to some degree. So part one of my question is, you know, how are people approaching that to ensure that they donโ€™t lose their stuff, or their, you know, their templates, and, you know, I use, I do use a page builder to kind of manage builds, we, my team uses bricks right now. But you know, like, Iโ€™m trying to, you know, stay nimble to keep up with the advances of the site editor, the Block Editor and such. And then the other part of it is to is like, as I guess, as it as far as the make team goes, or whatnot, whenever I think about the site editor and the Block Editor, I kind of think about them as separate things. But I realized that all the work is pretty much shared. So you know, I donโ€™t know if thatโ€™s a valid question or not, but it Iโ€™d be curious to know, like, what what the thought is, you know, are these kind of the same thing? Are they kind of separately develops pieces? Or is it a little bit of both?

28:24

Any buddy has an answer for that question.

28:29

Last question.

28:32

Say that again, Alex, whatโ€™s the question?

28:34

So that Okay, the second part of the question is, is the Block Editor and the site editor? Like, are those considered one in the same? Are they two separate projects? In thatโ€™s just a bit of curiosity that I have?

28:54

They are merged. They theyโ€™re heading. Singularity. Weโ€™re headed, weโ€™re heading to the singularity. The Block Editor was built first, you know, in the launch of everything and

29:05

post. Thatโ€™s right. Yeah. Yeah, youโ€™re right, youโ€™re.

29:13

So right now, actually, 6.5 is the first release where thereโ€™s a lot of divergence happening where a lot of the features that were initially kind of developed in the side editor are being brought over to the post editor and kind of the way that you can think of it. The entire Gutenberg system is built in these individual packages. There is one Edit Site package, thereโ€™s one edit post package, and there is one or editor package. And a lot of the features can have inish originally only that edit kind of the Block Editor of the post editor. That was the first piece and then a lot of the new discoveries and the new explorations happened in the site editor. And now both of those are converging a lot of functionality into that main just editor package. And so youโ€™ll see in 6.5, for example, the ability to preview the template while youโ€™re editing the post, but all of the template things are completely locked down, and stuff like that. Those are all things that are coming from the site editor into the post editor, and where the code bases getting more unified again. No, no, no, that makes that makes sense. Because I was kind of thought of them as two different things. And when I talked to colleagues about it, itโ€™s like, well, no, theyโ€™re, theyโ€™re the same. And it philosophically they both felt very different to me, but so thank you for, for explaining that. And then I think just for the room, like just kind of, you know, managing stuff, that managing layouts that are kind of held in the database, like, you know, what are some additional precautions that you wonโ€™t take or, you know, specific approaches that you take to kind of building in in the browser as much as we are now.

30:57

I have one side tangent that I wanted to mention here, while we have 30 people in the room is that there is a PR that thinking about metal boxes differently, too, because the post editor is still even if a metal box is there, because a plugin as a custom fieldCustom Field Custom Field, also referred to as post meta, is a feature in WordPress. It allows users to add additional information when writing a post, eg contributorsโ€™ names, auth. WordPress stores this information as metadata. Users can display this meta data by using template tags in their WordPress themes. or for any other reasons, the post editor is not loaded 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.. And some of the features that needs to be that comes from the editor and the post editor to come together. It needs to be loaded in an iframe. So there is the idea that all the metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes could be in a separate modal that needs to be activated by the user. But then the post editor can be loaded in the iframe that has a lot of advantages. One is definitely styling, but itโ€™s also consistent behavior and all that. So the if somebody wants to look for that PR, there is we need a lot of people testing that, to see what would if something breaks when that modal meta box kind of screen is introduced, before itโ€™s introduced, so to speak. So I will ask everybody to kind of go there. And think about that in their projects as well. Iโ€™m gonna go look for that. PR. And next already in the chat. Itโ€™s in the chat. Youโ€™re also good. Thank you so much. So next up is and she has waited patiently through line tangent.

32:48

Okay, I think I want to circle back a little bit to the design part of this experience for me, because Iโ€™m a designer, these features and functionality. Theyโ€™re great. But I think a lot of my pain points coming into the block. Theme experience for the first time was the UI. We all know the navigation is itโ€™s itโ€™s embarrassing. I mean, I donโ€™t know why thereโ€™s so little attention being paid to it. Itโ€™s just, itโ€™s itโ€™s really bad. And then, personally, the additional CSS field is itโ€™s, itโ€™s, I canโ€™t breathe when I use it, I hate it. I absolutely hate it. So Iโ€™ve got this work around that I use so that I can then integrate with Git and the repo and and that brings us again, back to the whole idea of version control. So anyway, thatโ€™s something I wanted to bring up today, because I think sometimes we get very wrapped up in this feature and that feature in the code and that it uh, and for me, what holds things back sometimes is just the experience itself and how horrible everything looks.

34:28

Harsh words, Brian, thanks for listening. Well, thanks. And but I get this additional CSS is if you donโ€™t have a code edit, color coded editor that kind of led to see Yeah, itโ€™s really hard, but there is relief coming for that part. I saw. Iโ€™ve seen the PR, and I know that quite a few people are working on it at the navigation. I think that has been a progress working progress for two years now. But yeah, I hear you, Brian,

34:59

would it be would itโ€™d be out of the realm of possibility to have some sort of integration with the additional CSS field with a, like Visual Studio code or some actual editor, I donโ€™t know what goes behind that. But some sort of integration. I

35:22

kind of feel like if youโ€™re actually integrating with, like an editor on your computer, this probably gonna be more into like, what we might call plugin territory. Not something that I donโ€™t know if I donโ€™t know, core has surprised me before with features. But I doubt we bring that sort of integration, but I could see us just improving the UI around like what you have in the back end. And the side editor, I think thatโ€™s where the focus would have to be. I actually havenโ€™t really used that I just use CSS files on my theme. So I do need to play around with that and see how challenging, challenging it is. I donโ€™t Iโ€™m not sure.

36:14

Itโ€™s a little hidden. Thatโ€™s one thing, and itโ€™s just plain text. There is no color coding. Thereโ€™s nothing in there. Thereโ€™s also no linting. Yeah, that it would help you with the, with corrections of things. Yeah. Brian, Europe.

36:33

Yeah, I actually wanted to build on that conversation and the previous one about metal boxes. And I just wanted to point out, I was going to bring up an issue with the metal box, pull request. And then I saw that Phoebe and had, of course, already commented on it last week, saying exactly what I wanted to say, which is that if you click on the link, I donโ€™t know if I can share. But if you click on the link to go to the the idea of meta boxes, for example. And you scroll all the way down to the bottom of the PR there is this design concept that is really about like rethinking how you think about the Block Editor. And right now the metal boxes, they want to have like another button on the right hand side of the screen with another you know panel or a modal that takes over the screen. And itโ€™s sort of just not the best experience. But if you go all the way down, as Fabian points out, thereโ€™s this really great redesign where the left hand side of of the site after that black bar will kind of like expand out, and more functional settings and things like that can really be handled there things like custom fields, things like if youโ€™re a WooCommerce product, all your product details, all that sort of stuff. And then thereโ€™s the site itself. And itโ€™s this kind of like three tiered thing. And I really think that if this is the path that they go, and you know, at least generally, getting things out of that little right hand 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., like the additional CSS and all these sorts of things, where you know, at the end of the day, itโ€™s itโ€™s nice that itโ€™s in this tiny little window, and you can see your content, but sometimes you just want to make something big. And even the font library has this issue where itโ€™s like, it doesnโ€™t fit in this little sidebar, so then they just stick a modal in front of you. And itโ€™s not the best experience. But the new stuff coming there I think is really handy. And I think itโ€™s I think a lot of people will if you know, I think itโ€™s a while out, but I think itโ€™ll hopefully solve a lot of these UI issues by giving a sort of breathable area for things that is not your content and getting the stuff out of these two little narrow sidebars. So I would say click on that PR and scroll all the way down to see an example screenshots or watch the video in the outreach channel, where Saxon goes, like really in depth into what some of these ideas could be.

38:36

Yeah, yes, thank you for bringing that up. Thereโ€™s this video I shared in any outreach, itโ€™s 18 minutes, but itโ€™s very kind of it walks through the prototype on figma. And how the admin design kind of is evolving. And itโ€™s a really, really interesting video. So but itโ€™s also not, for now, yeah, itโ€™s kind of a little ways out. Because as long as itโ€™s in figma, there was not a whole lot of development there. But you can see it in the in Gutenberg 18.0, you see this three pane window already with the template when you do a list view and layout there. So thatโ€™s at least a precursor. Mark.

39:25

What I was gonna say quickly is that I was just in Jessicaโ€™s, I think she uses the additional CSS field. And I know pretty much every hobby developer, shall we say that knows a little bit of CSS immediately uses our field they never use. They never use their own CSS files, for obvious reasons. Itโ€™s just easier to copy it into the field. Iโ€™m not entirely sure if Iโ€™m mistaken that the original version in the customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your siteโ€™s appearance settings. actually did have linting and highlighting in the same way that code pen does. So thatโ€™s I think library scripts which can be used if itโ€™s not already in planning. The other thing about the general idea of now skating around and doing stuff, I think weโ€™re kind of in a little. Weโ€™re very focused on this stuff. And so we see all of the little details. But if you actually presented to a client and somebody that is open to learning new stuff and show them, this is how you do it and explain the difference between the page editor, post editor, the site editor, the styles editor, most of them get it most of understand it, as long as theyโ€™re not coming from a page builder, from another from another CMS, or from historic WordPress, where you had to build everything with PHP, itโ€™s kind of it needs a little bit of open an open mind, for people to go, right, Iโ€™m gonna learn them learn something new. Itโ€™s a huge system. Thereโ€™s lots of complexity to it. And the experience that I have with just completely technically illiterate users, and also agencies that we work in partnership with design agencies, most of them I would say, after a couple of weeks, they kind of get used to it. So itโ€™s not as bad as all of the negative feedback would suggest. Apart from the navigation block, but we all know that so I donโ€™t need to say anything about that.

40:59

Yeah, I think the hardest thing in life is to unlearn things that you have with with great effort learned in the first place. So yeah, itโ€™s itโ€™s when you switch programming languages for developers, or if you switch from one place to, to building something to a different place with a different UI and different metaphors. Yeah, we are in 15 minutes. What are the other topics that we might have? Wanted to talk about? That we havenโ€™t touched it? Was there anything else that so there was a lot of chat, chat, things, I didnโ€™t pay that much attention. But I think itโ€™s

41:55

one thing that I wanted to bring up that I think is an interesting thing, where it may make, it may even make sense to kind of set a line on one vision higher up in project leadership. And that is, I feel like for the last two or so years, a major focus of the project has been how, how easy it is to switch from one theme to another kind of how how to make it super easy with block themes, to make them to allow you to switch between different block themes. And that actually led to things like the menu location getting removed from the navigation block, because it is easier to switch between one block theme and another block theme, if it isnโ€™t just a random, unique string that somebody can give for the menu location, but instead just have a standardized way of doing it. And there, there are quite a few of those. Kind of the fact that in that kind of when you have a custom font sizes, or custom spacing sizes, if you have less than five of them, then it shows t shirt sizes. And the actual letters in the t shirt sizes are just pre picked from from core. And there is no way to customize any of those pieces. And I feel like weโ€™re often struggling between how can we make How can we build these features so that theyโ€™re super changeable, kind of optimizing so that you can super easily switch between themes. But then also these environments where that is just never going to happen. These are purpose built custom built themes. And I think that divide that those two completely opposite worlds are creating is at the root of a lot of the issues that a lot of the people in this room I often hear talking about. And Iโ€™m wondering whether kind of either project wise, weโ€™ve just made the decision that our main focus is democratizing publishing, and therefore everything should just be super easy to switch all the time. So we just have to work around it or thereโ€™s a middle ground that kind of helps helps make it easier on both sides.

44:15

Some interesting aspects now I think if we had more tools to switch off things that what Colin mentioned before that needs to be not everybody wants to have their brand design be ruined by deadlines. Yeah. If we had a little bit more additional features like that would be really helpful but in one place, not put it in theme JSON here and put it in, in a PHP function. Itโ€™s called there. I think that will be also quite helpful in that Yeah. Kathy she raised her hand for a while.

44:59

I never know if the audio works. So I donโ€™t know if you can hear me like, oh, thatโ€™s like the first time literally ever that has worked. Okay, so this might be a little bit tangential. So I hope youโ€™ll indulge me but Iโ€™m a, Iโ€™m a plugin helper and not, you know, building sites necessarily yet. And I guess I just kind of want to ask or raise the issue of like, whatโ€™s coming down the pipe for making it maybe easier for plugins to start registering? site editor, templates. Because not all content. I mean, the the theme ultimately can have an can provide ways to display content. But you know, not every theme will have compatibility for your plugin and plugins have lots of content that we need to provide. And weโ€™re going to need to provide ways for people to customize that. So I just kind of wanted to raise that issue of like, whatโ€™s happening there? And again, Iโ€™m sorry, itโ€™s a little bit tangential to this conversation. But

45:59

itโ€™s a very good question that come up. Nick, do you have a thought about that?

46:08

too, but I do, like WooCommerce does. But I think that theyโ€™re itโ€™s very convoluted to do it.

46:15

Itโ€™s extremely convoluted. Yeah.

46:18

So I think itโ€™s interesting, because something I havenโ€™t explored, but probably should. But so technically, itโ€™s possible. But itโ€™s not something as simple as register template partners or something.

46:31

Yeah, thatโ€™s, thatโ€™s about what I have found in the past week of kind of like poking around in this and sort of why I wanted to be on this call and raise that question, because itโ€™s like their plugins

46:45

would patterns sit that that kind of content needs? I mean, I know theyโ€™re clearly very different than templates, but

46:58

not necessarily. Oh, yet.

46:59

Like patents? Yeah, yeah. So yeah, weโ€™re just talking about wanting to create, like a template from the plugin. Like, if you have a Custom Post Type, maybe you want to? Iโ€™m working on a little something for the developer blog. Hopefully, that might address some use cases, not all. So hopefully, I say Iโ€™m working on I will be working on it soon. Hopefully, weโ€™ll have like a solution for some use cases. Yes, itโ€™s a little convoluted. And you do have to really dig into whatโ€™s actually happening with templates under the hood. But weโ€™ll see. Feel free to pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test itโ€™s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of โ€œPing me when the meeting starts.โ€ me on 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 we can kind of chat through some of your issues there. Iโ€™m happy to at least see if I have a solution. Cool, thank you.

48:10

Any other thoughts? And about that topic? So I know, we raised it about version control. And then we didnโ€™t really dig into that. So what is was somebody had a workflow that goes from create block theme, to get and, and then deployment. And then when there was something changed? On the client side, it goes back to export things, or whatโ€™s the Eucalan? Who mentioned that?

48:45

Yeah, so thatโ€™s kind of our workflow. Right now. Weโ€™re actually working on a tool to better surface things that have changed. You know, I think thatโ€™s one of the challenges right now, especially on a large site. From a database standpoint, you know, we are, weโ€™re able to go in and see, you know, what the different revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. are, there are post types that are associated with all the different, you know, customizations, and things. And then you can see revision history and stuff. So what weโ€™re trying to do is find a visual way to surface that. So that as a developer, if we log into the site, we can see, oh, look, weโ€™ve got stuff thatโ€™s actually not committed. So weโ€™re not tracking this or weโ€™re not seeing that change. Thereโ€™s places that we can go within the editor to where you can actually see, you know, like, itโ€™s slightly inconsistent right now, but itโ€™s, you know, you can see like, hey, this has been modified or you can, you know, hit the clear customizations or, or things like that, but what weโ€™re doing is weโ€™re trying to surface those, so that weโ€™re not just having to do a blanket, you know, log onto the site. Itโ€™s been a week. Weโ€™re going to jump in there. Letโ€™s just do an export from Create block theme because I know weโ€™re not supposed to use create block theme in production. But we do. And itโ€™s a, you know, we, we take that in and kind of work from there. So thatโ€™s kind of been our workflow. Our previous workflow was always content was on production code started local into depth into staging, so code went up, content came down. And weโ€™re really trying to figure out how to get as close to that as possible. The we use tower internally for for control, or version control GUI, theyโ€™ve got an incredible feature to where you can actually select individual lines in a file that you want to commit. And so thatโ€™s been really, really helpful for us, because we may do a, you know, an export or an overwrite of the theme with create block theme in our local environment. You know, my theme, that JSON, because one of the challenges we run into is a client will go into the site editor, then they go to the Style Editor, and then they start changing things in the blocks over there. And so weโ€™ll all that gets written to a theme dot JSON. So we may have something thatโ€™s I think, dot JSON that weโ€™ve tried to modify. And when we deployDeploy Launching code from a local development environment to the production web server, so that it's available to visitors. it, we overwrite that so we have to be careful about or Iโ€™m sorry, we donโ€™t overwrite it, we deploy it, but nothing changes. And so then thatโ€™s where we would find out. So what we were doing is pulling that down, and then we would grab the individual pieces. So instead of just saying, you know, the updates that theme that JSON, we want to know, okay, this specific block defaults were updated, and then we can commit that piece. So thatโ€™s been thatโ€™s been incredibly helpful.

51:56

I imagine. I imagine Lisa would really love that was Lisa, who said that itโ€™s hard to figure out where actually something changed? And yeah, so itโ€™s been really helpful. Yeah. So are you working on this to make it also available at some point or yes,

52:18

yeah, thatโ€™s our thatโ€™s our goal for surfacing right now with with get tower, the commit workflow, that is something that you can absolutely do right now. Weโ€™ve kind of gotten into a workflow that if we know somebody else is managing the site, where it you know, before it was always ego, and youโ€™re going to work on something weโ€™d use, like WP migrate, pull down the database, get the latest and greatest in maybe media files if we need them. Now, we kind of do the same thing. But then the next step is overwrite theme with the Create block theme plugin, and then open up get and kind of see whatโ€™s, uh, letโ€™s change changed.

53:02

Looks want. Yeah. Well, go ahead.

53:07

The one thing Iโ€™ll say that has kind of been a caution for us on that is that if you when you do the Create block theme, and then overwrite the thing, if you just discard those changes, because youโ€™re like, oh, I donโ€™t need that. Well, it did actually remove those changes from the from theme. So you got to be careful with that.

53:32

Could you say that again, I want to make sure I hear that fully.

53:37

So

53:38

in JSON, you may be able to correct me if Iโ€™m incorrect, or like from wrong on this. But itโ€™s like, when you use the overwrite theme, it actually it goes and grabs all of the settings that have been saved in the database, and then it pulls them down into your themes. Well, itโ€™s no longer in the database. So if in a Git workflow, youโ€™re then to just say discard changes, because you didnโ€™t actually need that stuff. Well, now youโ€™re in a new system that doesnโ€™t match production anymore, and so you need to pull down again.

54:13

Okay, so we are two minutes left. I think weโ€™re, I think we all can talk about it another two more hours or something like that. It was really insightful to have you all here and talk about these things. Especially for the kind of free okay, weโ€™re all to kind of put it all together in one in one transcript of a session like this, too, and thatโ€™s what weโ€™re going to do. Weโ€™re gonna share the recording and weโ€™re gonna see the transcript and some of the tools and links that were in the chat will also be published. Itโ€™s probably take until after Easter, but thatโ€™s What I wish you is a wonderful weekend. Thank you so much for your time here and have a wonderful weekend and Easter. And I hope we do this again in in the in a few months, and kind of see whatโ€™s the status and what has changed. Iโ€™m also looking through the GitHub repo and see if we can match up some of the requirements with PRs that are already the people are working on. And I probably need to ask Fabian if he has some. Some of them he probably wrote some of them. So be well, and thank you so much for all your time, and until the next time, and I see you in the outreach channel. Take care bye


Chat Transcript

17:04:22 From justintadlock : Is Jason going to play us a song?
17:04:45 From Sarah Norris : Reacted to โ€œIs Jason going to plโ€ฆโ€ with ๐ŸŽธ
17:04:54 From Jeff Chandler : Reacted to โ€œIs Jason going to plโ€ฆโ€ with ๐ŸŽธ
17:04:56 From Jason Crist : Doing something with my hands keeps me focused. ๐Ÿ˜›
17:05:23 From justintadlock : Todayโ€™s topic: https://make.wordpress.org/core/2024/03/19/hallway-hangout-using-site-editor-in-production-for-client-sites/
17:06:02 From justintadlock : Reacted to โ€œDoing something withโ€ฆโ€ with ๐Ÿ‘
17:07:47 From Jeff Chandler : Oohh, Restricting the editor is a hot topic.
17:08:10 From Lisa Snyder, @silverhoopedge : restricting like โ€œblock lockingโ€ or something else?
17:08:29 From Lisa Snyder, @silverhoopedge : pattern locking?
17:09:06 From Kristin Aus : Reacted to โ€œOohh, Restricting thโ€ฆโ€ with ๐Ÿ‘๐Ÿป
17:09:08 From justintadlock : Replying to โ€œrestricting like โ€œblโ€ฆโ€

Itโ€™s one possibility, but there are many ways you might want to restrict. Locking, theme.json, some 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. hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same., etc.
17:09:34 From Lisa Snyder, @silverhoopedge : Reacted to โ€œItโ€™s one possibilityโ€ฆโ€ with ๐Ÿ‘
17:09:47 From Brian Coords : โ€œtemplateLockโ€:โ€contentOnlyโ€ is another similar tool here
17:10:02 From Lisa Snyder, @silverhoopedge : Reacted to โ€œโ€templateLockโ€:โ€contโ€ฆโ€ with ๐Ÿ‘
17:10:08 From Kathy : A locked down version of the editor came up today on Twitter. I think thereโ€™s a discussion happening here: https://github.com/WordPress/gutenberg/issues/60021
17:10:27 From Jennifer Kelly : Cullen that sounds awesome!
17:11:18 From Jeff Chandler : Nick Diego covered this topic in 2022 in a Workshop, but it may be worth revisiting https://twitter.com/nickmdiego/status/1590690057144348674
17:12:49 From Brian Coords : I forgot how to raise my hand ๐Ÿคš
17:12:57 From alex vasquez : Same haha
17:13:27 From justintadlock : Itโ€™s under โ€œReactionsโ€ in the bottom toolbar
17:13:30 From Belinda : Its the same problem with synced patterns
17:13:55 From Brian Coords : (Agreed โ€“ I forked this plugin to work with classic menu locations: https://wordpress.org/plugins/classic-menu-block/)
17:13:56 From Belinda : If you have a synced pattern in a template you have different ones on local/dev/prod
17:15:27 From Belinda : Why canโ€™t we used synced patterns in the block editor?
17:15:43 From Fabian Todt : Reacted to โ€œ(Agreed โ€“ I forked tโ€ฆโ€ with ๐Ÿ‘
17:16:48 From Fabian Kรคgy : This is the issue for Synced Theme patterns: https://github.com/WordPress/gutenberg/issues/59272
17:16:53 From justintadlock : Reacted to โ€œThis is the issue foโ€ฆโ€ with ๐Ÿ’ฏ
17:17:08 From Cullen @ Matchbox : Reacted to โ€œThis is the issue foโ€ฆโ€ with ๐Ÿ’ฏ
17:19:03 From Brian Coords : https://github.com/WordPress/create-block-theme/issues/287
17:22:20 From Cullen @ Matchbox : Two other issues we encounter often:

  • Weโ€™re often unable to find posts in large menus that include multiple post types.
  • Itโ€™s difficult to surface what changes were made in a production environment so that we can then bring them back into the git repo. (Weโ€™re working on a plugin for this)
    17:23:33 From Jeff Chandler : Whatโ€™s โ€œCreate Block Themeโ€ anyone have a link that explains it?
    17:23:55 From justintadlock : Replying to โ€œWhatโ€™s โ€œCreate Blockโ€ฆโ€

https://wordpress.org/plugins/create-block-theme/
17:23:56 From Sarah Norris : https://wordpress.org/plugins/create-block-theme/
17:24:03 From Jeff Chandler : Reacted to โ€œhttps://wordpress.orโ€ฆโ€ with ๐Ÿ‘
17:24:05 From Sarah Norris : https://github.com/WordPress/create-block-theme
17:24:07 From Jeff Chandler : Reacted to โ€œhttps://wordpress.orโ€ฆโ€ with ๐Ÿ‘
17:24:07 From Birgit Pauli-Haack : https://wordpress.org/plugins/create-block-theme/
17:24:21 From Birgit Pauli-Haack : Sarah beat me to it ๐Ÿ™‚
17:24:41 From Sarah Norris : Reacted to โ€œSarah beat me to it โ€ฆโ€ with ๐Ÿ˜
17:25:00 From Jeff Chandler : Thank you for all the links ๐Ÿ™‚
17:25:19 From justintadlock : Reacted to โ€œThank you for all thโ€ฆโ€ with ๐Ÿ˜‚
17:25:34 From Fabian Todt : Reacted to โ€œThank you for all thโ€ฆโ€ with ๐Ÿ˜‚
17:25:45 From Jeff Chandler : wow, already has more than 10K active installs
17:26:59 From Fabian Kรคgy : It would be cool to have more granular export options in the site editor.

Like being able to only export one template (override the one on disk) instead of always having to export the entire theme
17:27:11 From Hans-Gerd Gerhards : Reacted to โ€œIt would be cool to โ€ฆโ€ with ๐Ÿ‘
17:27:14 From Jason Crist : Reacted to โ€œIt would be cool to โ€ฆโ€ with โค๏ธ
17:27:32 From Brian Coords : Granular export options, save to the filesystem directly on save, WP-CLIWP-CLI WP-CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is http://wp-cli.org/ https://make.wordpress.org/cli/ command to export
17:27:33 From Mike McAlister : Iโ€™d love to see Create Block Theme have a dedicated space on .org. And if itโ€™s going to be prominent going forward, we should look at rebranding it to something more user friendly and communicate its value better.
17:27:40 From Brian Coords : Reacted to โ€œIโ€™d love to see Creaโ€ฆโ€ with ๐Ÿ‘
17:28:01 From Jeff Chandler : Replying to โ€œIโ€™d love to see Creaโ€ฆโ€

This is the first time Iโ€™ve seen or heard about Create Block Theme ๐Ÿ˜›
17:28:13 From Mark Howells-Mead : Yes please! ๐Ÿ˜„
17:28:31 From Mike McAlister : Replying to โ€œIโ€™d love to see Creaโ€ฆโ€

My point exactly. Letโ€™s turn this from a niche themer tool to something more widely known and promoted.
17:28:32 From Mark Howells-Mead : Awesome indeed!
17:28:55 From Vicente Canales : First draft of a JSON editor for CBT ๐Ÿ™‚ https://github.com/WordPress/create-block-theme/pull/520
17:28:55 From Belinda : +1 for granular export
17:29:18 From Sarah Norris : Reacted to โ€œFirst draft of a JSOโ€ฆโ€ with โค๏ธ
17:30:06 From Kristin Aus : Reacted to โ€œ+1 for granular expoโ€ฆโ€ with ๐Ÿ‘๐Ÿป
17:30:39 From Cullen @ Matchbox : Reacted to โ€œIt would be cool to โ€ฆโ€ with ๐Ÿ‘
17:30:43 From Kristin Aus : Reacted to โ€œMy point exactly. Leโ€ฆโ€ with ๐Ÿ‘๐Ÿป
17:30:49 From Mike McAlister : When creating Pattern Manager, we had to do some really fancy footwork to do some of the more advanced pattern management. Thatโ€™s why we ended up with the dedicated editor instance, etc.
17:31:17 From Birgit Pauli-Haack : Reacted to โ€œIโ€™d love to see Creaโ€ฆโ€ with ๐Ÿ‘
17:31:38 From justintadlock : Reacted to โ€œWhen creating Patterโ€ฆโ€ with ๐Ÿ‘
17:32:00 From Hans-Gerd Gerhards : Reacted to โ€œWhen creating Patterโ€ฆโ€ with ๐Ÿ‘
17:32:13 From Brian Coords : Replying to โ€œIโ€™d love to see Creaโ€ฆโ€

Itโ€™s mentioned inside the docs, but thatโ€™s about it https://developer.wordpress.org/themes/getting-started/quick-start-guide/#using-the-create-block-theme-plugin
17:32:37 From Cullen @ Matchbox : Reacted to โ€œFirst draft of a JSOโ€ฆโ€ with โค๏ธ
17:32:54 From Mark Szymanski : Great question Alex
17:33:16 From Jeff Chandler : Reacted to โ€œGreat question Alex โ€ with ๐Ÿ‘‹
17:33:20 From Mike McAlister : Block editor, site editor, and admin UI, all coming together slowly as one experience.
17:33:39 From Nick Diego : Reacted to โ€œBlock editor, site eโ€ฆโ€ with โž•
17:34:47 From Jeff Chandler : Replying to โ€œBlock editor, site eโ€ฆโ€

Make it come sooner ๐Ÿ™‚
17:35:40 From Fabian Kรคgy : The meta box ticket: https://github.com/WordPress/gutenberg/pull/59242
17:35:48 From Jeff Chandler : I think Brian shared something about the metaboxMetabox A post metabox is a draggable box shown on the post editing screen. Its purpose is to allow the user to select or enter information in addition to the main post content. This information should be related to the post in some way. stuff a few weeks ago
17:35:48 From alex vasquez : Reacted to โ€œThe meta box ticket:โ€ฆโ€ with ๐Ÿ‘
17:35:57 From Brian Coords : Reacted to โ€œThe meta box ticket:โ€ฆโ€ with ๐Ÿ‘
17:35:58 From justintadlock : Reacted to โ€œThe meta box ticket:โ€ฆโ€ with ๐Ÿ‘
17:36:02 From Cullen @ Matchbox : Reacted to โ€œThe meta box ticket:โ€ฆโ€ with ๐Ÿ‘
17:37:13 From Mike McAlister : RE Alexโ€™s question, I build in the editor, but try to keep as much as possible in a git workflow. You can use tools like Create Block Theme and Pattern Manager to write to disk. There is still a lot of work to do on a cohesive workflow there.
17:37:33 From Fabian Kรคgy : @alex vasquez regarding your question:

It depends a bit on the client. But for a lot of sites I think of the site editor as a development tool. Clients are not administrators and so they donโ€™t typically interface with the site editor.
17:38:10 From alex vasquez : +1 for what Ann is saying. Thank you for saying it, Ann.
17:38:11 From Fabian Kรคgy : Replying to โ€œ@alex vasquez regardโ€ฆโ€

And yeah using it as a development tool and always exporting things back into git
17:39:14 From Cullen @ Matchbox : Replying to โ€œThe meta box ticket:โ€ฆโ€

Does going to Three dots > Preferences > Panels and disabling the panels bypass the iframe issue or is it persistent even with those panels disabled through preferences?
17:40:03 From Fabian Kรคgy : Replying to โ€œThe meta box ticket:โ€ฆโ€

Sadly even when panels are not visible they still block the iframed editor
17:40:31 From Kathy : Waitโ€ฆ where the heck even IS the custom CSS area?
17:40:33 From Cullen @ Matchbox : Reacted to โ€œSadly even when paneโ€ฆโ€ with ๐Ÿ‘
17:40:48 From Mark Howells-Mead : In the styles editor, behind the three dots.
17:40:52 From Jessica Lyschik : I use the Additional CSS frequently for all these things that we canโ€˜t change via design tools or the theme.json.
17:41:03 From Anne Katzeff (she/her) : Me too, Jessica.
17:41:08 From Fabian Kรคgy : @Brian Coords we are the same person ๐Ÿฅธ
17:41:12 From Wes Davis : Chiming in to say that Navigation is one of the biggest pain points for me too โ€” it feels like a step backwards to have to tell clients that used to be able to easily manage their own header menu links with the โ€œclassicโ€ menus, that with their fancy new block editor, they now have to ask us to make updates to header/footer menus for them.
17:41:12 From Jason Crist : https://marketplace.visualstudio.com/items?itemName=chrisrhymes.gutenburg-comment-highlight
17:41:19 From Amy Dalrymple : Replying to โ€œ@alex vasquez regardโ€ฆโ€

I have dipped into this for my team โ€“ I have folks creating layouts and setting up pages in both production and staging environments. I didnโ€™t see an easy way to keep environments synced. Not everyone one my team is a developer and donโ€™t have access to Git. I abandoned any conversion to Site Editor for us pretty quick, unfortunately.
17:41:38 From Fabian Kรคgy : Replying to โ€œThe meta box ticket:โ€ฆโ€

https://github.com/WordPress/gutenberg/issues/52724
17:41:45 From Belinda : Reacted to โ€œChiming in to say thโ€ฆโ€ with ๐Ÿ‘
17:41:50 From Wes Davis : Replying to โ€œChiming in to say thโ€ฆโ€

With their fancy new block editor SITE, they now have to ask us to make updates
17:41:57 From Hans-Gerd Gerhards : Reacted to โ€œChiming in to say thโ€ฆโ€ with ๐Ÿ‘
17:41:58 From Fabian Kรคgy : Replying to โ€œThe meta box ticket:โ€ฆโ€

Ia raised that last June ๐Ÿ˜‚ I think there could be room for improvement there
17:42:18 From Cullen @ Matchbox : Replying to โ€œThe meta box ticket:โ€ฆโ€

I love this UI concept.
17:42:28 From Jessica Lyschik : It would be nice if the Additional CSS would be directly linked from the global styles panel instead of being hidden in another menu
17:42:40 From Hans-Gerd Gerhards : Reacted to โ€œIt would be nice if โ€ฆโ€ with ๐Ÿ‘
17:42:50 From Chris Reynolds โšก๏ธ : Reacted to โ€œIt would be nice if โ€ฆโ€ with ๐Ÿ’ฏ
17:42:54 From Mike McAlister : Saxon is doing some really excellent work on the design side of things.
17:43:00 From Brian Coords : Reacted to โ€œSaxon is doing some โ€ฆโ€ with ๐Ÿ‘
17:43:22 From alex vasquez : Replying to โ€œ@alex vasquez regardโ€ฆโ€

I have a specific way that I like to work when building layouts and the site editor kinda flies in the face of that. I donโ€™t want to pick on the site editor too much. But the amount of clicking around drives me kind of nuts. It would be nice to have a better interaction with global class management and assignment to blocks as part of the site editing experience (but not the block editing experience).
17:43:32 From Brian Coords : Reacted to โ€œIt would be nice if โ€ฆโ€ with ๐Ÿ’ฏ
17:43:44 From alex vasquez : Replying to โ€œ@alex vasquez regardโ€ฆโ€

And thank you, for sharing this Fabian. I appreciate. =)
17:43:45 From Jeff Chandler : Itโ€™s awesome to see all of you sharing experiences and ideas and working towards improving things for everyone. As a user, I appreciate all of the work and time you all invest into WordPress.
17:43:51 From Jessica Lyschik : It did in limited ways
17:43:56 From Anne Katzeff (she/her) : What about styles.css for custom styles, esp. for 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/.. Itโ€™s not enabled out of the box. And I canโ€™t figure out how to enable it.
17:44:00 From Cullen @ Matchbox : Reacted to โ€œItโ€™s awesome to see โ€ฆโ€ with โค๏ธ
17:44:00 From Sarah Norris : Reacted to โ€œItโ€™s awesome to see โ€ฆโ€ with โค๏ธ
17:44:05 From Jessica Lyschik : Reacted to โ€œItโ€™s awesome to see โ€ฆโ€ with โค๏ธ
17:44:06 From alex vasquez : Reacted to โ€œWhat about styles.csโ€ฆโ€ with ๐Ÿ‘
17:44:10 From Brian Coords : Reacted to โ€œ@Brian Coords we arโ€ฆโ€ with ๐Ÿ˜‚
17:44:12 From alex vasquez : Reacted to โ€œWhat about styles.csโ€ฆโ€ with ๐Ÿ‘
17:44:14 From alex vasquez : Removed a ๐Ÿ‘ reaction from โ€œWhat about styles.csโ€ฆโ€
17:44:30 From alex vasquez : Reacted to โ€œChiming in to say thโ€ฆโ€ with ๐Ÿ‘
17:44:46 From alex vasquez : Replying to โ€œThe meta box ticket:โ€ฆโ€

This is great!
17:45:08 From Anne Katzeff (she/her) : Reacted to โ€œ+1 for what Ann is sโ€ฆโ€ with โ˜ฎ๏ธ
17:45:21 From justintadlock : Replying to โ€œWhat about styles.csโ€ฆโ€

Depends on the parent theme. Explained here: https://developer.wordpress.org/themes/advanced-topics/child-themes/#loading-style-css
17:45:55 From Anne Katzeff (she/her) : Replying to โ€œWhat about styles.csโ€ฆโ€

2024 is the parent theme
17:46:10 From Belinda : Using the site editor is quite slow when navigating between screens
17:46:35 From alex vasquez : Reacted to โ€œUsing the site editoโ€ฆโ€ with ๐Ÿ‘
17:46:40 From Jessica Lyschik : But itโ€˜s actually not ๐Ÿ˜… Just by different names for the color palette
17:46:50 From Hans-Gerd Gerhards : Reacted to โ€œUsing the site editoโ€ฆโ€ with ๐Ÿ‘
17:46:52 From Kathy : Reacted to โ€œIn the styles editโ€ฆโ€ with ๐Ÿ‘๐Ÿป
17:46:54 From Mike McAlister : Settling on some standard naming conventions for font sizes, spacing, etc. would really help the visual swap between themes.
17:47:01 From justintadlock : Replying to โ€œWhat about styles.csโ€ฆโ€

For TT4, you can use the first method outlined there.
17:47:16 From Jessica Lyschik : Reacted to โ€œSettling on some staโ€ฆโ€ with ๐Ÿ’ฏ
17:47:17 From Anne Katzeff (she/her) : Replying to โ€œWhat about styles.csโ€ฆโ€

Thank you Justin, what a relief to know!
17:47:24 From Belinda : Reacted to โ€œBut itโ€˜s actually noโ€ฆโ€ with ๐Ÿ’ฏ
17:47:43 From Cullen @ Matchbox : Reacted to โ€œBut itโ€˜s actually noโ€ฆโ€ with ๐Ÿ’ฏ
17:47:51 From Brian Coords : Reacted to โ€œBut itโ€˜s actually noโ€ฆโ€ with ๐Ÿ’ฏ
17:48:01 From justintadlock : Reacted to โ€œThank you Justin, whโ€ฆโ€ with ๐Ÿ‘
17:48:10 From Anne Katzeff (she/her) : Reacted to โ€œSettling on some staโ€ฆโ€ with ๐Ÿ‘
17:48:11 From Belinda : Reacted to โ€œSettling on some staโ€ฆโ€ with ๐Ÿ‘
17:48:18 From Cullen @ Matchbox : Replying to โ€œBut itโ€˜s actually noโ€ฆโ€

Weโ€™ve been trying to identify naming conventions for this.
17:48:22 From Brian Coords : (Aurooba and I get deep into this whole โ€œcomposabilityโ€ issue without standardized tokens in our upcoming podcast about the Font Library ๐Ÿ˜‚)
17:48:27 From Jeff Chandler : Ask Justin about standardizing things in WordPress https://wptavern.com/standardizing-theme-hook-names lol
17:48:39 From Mark Howells-Mead : Replying to โ€œSettling on some staโ€ฆโ€

I agree with this; recommendations instead of constraints though. Even listing them as a suggestion in the docs would help.
17:48:39 From Fabian Todt : Reacted to โ€œ(Aurooba and I get dโ€ฆโ€ with ๐Ÿ‘
17:48:40 From Sarah Norris : Reacted to โ€œ(Aurooba and I get dโ€ฆโ€ with ๐Ÿ‘€
17:48:47 From Jessica Lyschik : Replying to โ€œBut itโ€˜s actually noโ€ฆโ€
It has been a long discussion at TT4 developmentโ€ฆ
17:49:04 From justintadlock : Replying to โ€œAsk Justin about staโ€ฆโ€

Not even touching standardizing names of things anymore. That ship has sailed.
17:49:16 From Jeff Chandler : Replying to โ€œAsk Justin about staโ€ฆโ€

๐Ÿ˜…
17:50:26 From Cullen @ Matchbox : Replying to โ€œBut itโ€˜s actually noโ€ฆโ€

This may be a good GitHub discussion for us to start where we can share our naming conventions.
17:50:39 From Sarah Norris : Reacted to โ€œThis may be a good Gโ€ฆโ€ with ๐Ÿ‘
17:50:46 From Cullen @ Matchbox : Replying to โ€œBut itโ€˜s actually noโ€ฆโ€

Iโ€™ll try to start that later today.
17:50:46 From Mike McAlister : A not-so-great-but-maybe-temporary solution could be using patterns for the layout.
17:51:13 From Mike McAlister : Replying to โ€œA not-so-great-but-mโ€ฆโ€

Ultimately depends on how the end user is going to use them.
17:51:40 From Cullen @ Matchbox : Reacted to โ€œNot even touching stโ€ฆโ€ with ๐Ÿ˜‚
17:51:49 From Fabian Kรคgy : This here is the related issue on GitHub: https://github.com/WordPress/gutenberg/issues/58417
17:52:01 From alex vasquez : Reacted to โ€œThis here is the relโ€ฆโ€ with ๐Ÿ‘
17:52:12 From Jeff Chandler : Hi awesome Kathy!
17:52:17 From Mike McAlister : Ultimately these are the kinds of hiccups we really need to figure out if we want to keep driving adoption.
17:52:26 From Kristin Aus : Reacted to โ€œ(Aurooba and I get dโ€ฆโ€ with ๐Ÿ‘
17:52:54 From justintadlock : Replying to โ€œThis here is the relโ€ฆโ€

Thanks, I was looking for that ticket.
17:52:57 From justintadlock : Reacted to โ€œThis here is the relโ€ฆโ€ with ๐Ÿ‘
17:53:19 From Fabian Todt : FYI I think this is how Woo does it, and yesโ€™t is a lot of code ๐Ÿ˜…
https://github.com/woocommerce/woocommerce/blob/trunk/plugins/woocommerce/src/Blocks/BlockTemplatesController.php
17:53:34 From alex vasquez : Thank you for hosting this Justin and Birgit. I have have to jump out. I appreciate this type of meeting with this audience.
17:53:44 From justintadlock : Reacted to โ€œThank you for hostinโ€ฆโ€ with ๐Ÿ‘‹
17:53:46 From Birgit Pauli-Haack : Reacted to โ€œThank you for hostinโ€ฆโ€ with ๐Ÿ‘‹
17:54:29 From Anne Katzeff (she/her) : Reacted to โ€œThank you for hostinโ€ฆโ€ with ๐Ÿ‘‹
17:56:39 From Hans-Gerd Gerhards : Thank you, it was very interesting. Unfortunately, I have to say goodbye
17:57:11 From Brian Coords : Cullen โ€“ is there a method where you could use a parent theme w/ version control and a child theme on the site with just local overrides to separate things out a bit?
17:58:08 From Wes Davis : Local (by Flywheel/WP Engine) does a great job of providing a UI that shows which files have changed between the local and live/production version of the site and letting you select which you want to push or pull when doing a sync.
17:58:25 From Mark Howells-Mead : Thanks all!
17:58:42 From Jennifer Kelly : thanks everybody!
17:58:43 From Brian Coords : Looking forward to these updates to Create Block Theme
17:58:48 From Kristin Aus : Thanks!
17:58:49 From Cullen @ Matchbox : Replying to โ€œCullen โ€“ is there a โ€ฆโ€

This is a cool idea. Iโ€™d love to explore this more.
17:59:00 From Belinda : Reacted to โ€œLooking forward to tโ€ฆโ€ with ๐Ÿ’ฏ
17:59:02 From Anne Katzeff (she/her) : Very insightful gathering. Thank you everyone!
17:59:05 From Fabian Todt : Reacted to โ€œLooking forward to tโ€ฆโ€ with ๐Ÿ’ฏ
17:59:07 From Fabian Todt : Thanks for Hosting!
17:59:08 From Cullen @ Matchbox : Thank you everyone!
17:59:08 From Sarah Norris : Thanks all!!
17:59:14 From Nick Diego : ๐Ÿ‘‹
17:59:19 From Tracy Rhodes : Great session, thanks to all!
17:59:32 From Cullen @ Matchbox : Replying to โ€œCullen โ€“ is there a โ€ฆโ€

Are you doing this at all right now?
17:59:38 From Bรฉryl : Thank you so much! โœจ
17:59:39 From Brian Coords : Replying to โ€œCullen โ€“ is there a โ€ฆโ€

Nope just thought of it
17:59:45 From Cullen @ Matchbox : Reacted to โ€œNope just thought ofโ€ฆโ€ with ๐Ÿ‘
17:59:46 From Belinda : Thank you ๐Ÿ™‚

Props to @greenshady for his review

#hallway-hangout

Hallway Hangout: Data Liberation Discussion and Brainstorm

Data Liberation is a major focus for the WordPress Project in 2024 โ€“ furthering the mission of Democratizing Publishing by making it easier for people to get their content in and out of WordPress.

This is an exciting area of work, but also very broad. It is important to make sure the initiatives that make up this work are best suited to be impactful and meet the needs of real users.ย 

Come and join an open discussion on this area of work โ€“ and help shape the future of data liberation in WordPress.

In this informal chat we may touch on:

  • Challenges of migrating from third-party platforms to WordPress
  • The good, bad, and ugly of exporting WordPress content
  • The potential of interoperability between 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. libraries and page builders
  • What work will make data liberation, and who should work on it

Join us on Zoom at Wednesday, April 3, 2024, at 7pm. Add this event to your Calendar.

If youโ€™d like to do some reading in advance I can recommend checking out:

#hallway-hangout

Hallway Hangout: Using Site editor in production for client sites

The topic is on how do agencies and freelancers adjust their workflow and tooling to provide a consistent experience for their clients. The difference between classic themes and 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 are considerable. For instance, block themes have settings information stored in various places (database and 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.), and templates and patterns are handled differently. How does it all change workflows regarding version controlversion control A version control system keeps track of the source code and revisions to the source code. WordPress uses Subversion (SVN) for version control, with Git mirrors for most repositories. and deployment. Is there a common method that could be identified and help other agencies and freelancers in their work with block themes?

In this informal discussion could touch on

  • Common issues agencies encounter
  • How people use the Create Block Theme 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,
  • How to manage theme.json,
  • Tools and automation helpers.
  • and a lot more

Everyone is welcome at this Hallway Hangout, but it covers topics that are geared towards developers in agencies and freelancers working with client projects.

Join us on Wednesday, March 27, 2024, at 16:00 UTC. The Zoom link will be shared on the day in the #outreach channel.

Props to @greenshady and @belbo for review.

#hallway-hangout

Hallway Hangout: Letโ€™s chat about WordPress Playground

With WordPress Playground graduallyย becoming a larger part of our day-to-day lives as developers, itโ€™s time to chat about what the project should look like going forward. There is a proposal for a v2 of the Blueprints schema, and we could use your feedback on current and future use of Playground.

So letโ€™s have a casual conversation on what would benefit you as developers.

How to join

If youโ€™re interested in joining us, the Hallway Hangout will be on Monday, March 4, 2024 at 04:00 pm (16:00) UTC. A Zoom link will be shared in the #outreach Slack channel before the session starts.ย 

Everyone is welcome to join, regardless of whether itโ€™s just to listen or actively participate. This session will be recorded and recapped here on the Make CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blogblog (versus network, site).

As usual, Hallway Hangouts are conversational events where you, the WordPress community, can provide your feedback directly to contributors to WordPress. This feedback is invaluable in steering the direction of the overall project.

Agenda

On the whole, the biggest thing we want to accomplish with this event is to bring more awareness to the WordPress Playground project, which lets you experience WordPress directly from the browser (no complicated setup necessary). Give it a try โ†’

With this goal in mind, @zieladam, the architect of Playground, and I would like to discuss:

  • The Playground Blueprints system and how it works
  • What existing features you find the most useful in your own work
  • What current features feel limiting
  • The missing features youโ€™d like to see going forward

We hope that you all can join us and help shape the future of WordPress Playground.

Post reviewed by @zieladam.

#hallway-hangout, #outreach, #playground

Summary of Hallway Hangout on overlapping problems in the Site Editor

This is a summary of a Hallway Hangout that was first announced on Make Core. The aim was to have a shared space where we could talk synchronously about overlapping problems facing the site editing experience.

Video Recording:

Notes:

Notes are somewhat provided by some AI tooling but, unfortunately, wasnโ€™t quite on point enough for me to use entirely. If anything is off or missing, please let me know.

The hallway hangout focused on discussing issues and problems users experience with the Site Editor, including changing something across an entire site or just for one 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., pervasive inconsistencies in user interfaces, understanding inherited values and options, and determining what can and cannot be edited.ย This came out of a public blog post on the topic.

We discussed the need to improve documentation and educate users to help address these overlapping problems. We chatted about the whatโ€™s underneath the desire to not ship any new features and that some of these areas of problems require new features to be fixed. We discussed how some 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/ features are released in stages across various releases ultimately paving the way for greater work to be done, like Block HooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. released in 6.4 and expanded upon for 6.5. Another example that was mentioned was content-only locking, which was added into a release without a UIUI User interface as it was a foundational part of a larger roadmap (overriding content in patterns needed this work for example). Part of what needs to be done here to is to better communicating how new features connect to and build upon each other. In many cases, polishing these experiences and reducing confusion has been a major focus of many of the last releases.

We discussed how it feels like weโ€™re caught in between right now and there are different UI experiences floating around between the customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your siteโ€™s appearance settings., site editor, and then page builders building on top. In a perfect world, the page builders use whatโ€™s being built in coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. and the experience of using blocks feels more natural, whether just in the block editor or in the site editor (instead of those feeling like different experiences). Itโ€™s also tricky to come up with solutions that donโ€™t just surface the complexity without providing clarity too. Itโ€™s both the most rewarding and most difficult to cover the wide range of use cases WordPress seeks to cover.

We chatted about using the experimental flag in 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 to allow incremental exploration before features are merged to core for some features. Tensions exist between accumulating features quickly in Gutenberg vs bottleneck of merging to core releases. Folks want to see more efforts made to document feature decisions and UI changes at the same level as core tickets, with complete descriptions.ย Getting feedback into UI decisions as much as possible will help with this too as we should make changes based on feedback and design direction combined. It would be great if more hosts ran the Gutenberg plugin directly and gave feedback to help with this. At this point, the #outreach channel was plugged as was the new outreach group in GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ to pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test itโ€™s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of โ€œPing me when the meeting starts.โ€ folks who have opted in to provide feedback.

We discussed differentiating user capabilitiescapability Aย capabilityย is permission to perform one or more types of task. Checking if a user has a capability is performed by the current_user_can function. Each user of a WordPress site might have some permissions but not others, depending on theirย role. For example, users who have the Author role usually have permission to edit their own posts (the โ€œedit_postsโ€ capability), but not permission to edit other usersโ€™ posts (the โ€œedit_others_postsโ€ capability). for blocks and experiences based on user roles and the context of what they are trying to do on a site. More work needs to be done to explore and improve user capabilities. It was suggested that having more Core team members build real sites could help surface important issues and help prioritize work.ย Right now, we do see this happening with the Create Block Theme allowing folks to build block themes directly with the Site Editor and surface gaps. The same is true of each time a default theme is made and the gaps that are surfaced and fixed as a result. As much as possible, building real sites or working with folks who do has always been and remains critical.

Feedback from folks in the agency space centered around how agencies canโ€™t ensure brand standards due to inability to lock down with GitGit Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance. Most modern plugin and theme development is being done with this version control system. https://git-scm.com/. when content can change in the editor.ย Itโ€™s important to find ways to reassure clients that brand standards can still be ensured with new workflows. The same problem exists on the broader 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/ site so there are big opportunities for learnings and feedback. In some cases, folks tried the Site Editor last year and need to be invited back in with the latest & greatest to try once more with additional plugins to fill the gaps for now. In other cases, folks are successfully using it. Opened this developer blog idea after the fact to have agencies start sharing how theyโ€™ve successfully used the Site Editor process wise.

A new โ€œoverlapping problemโ€ that @annezazu will add to the post is around the swirling experience of gradual adoption, extension, and curating of the editing experience. How do we make it as seamless as possible and have it make sense to folks? Expect the post to be updated with more thoughts there.

Towards the end, we also discussed issues everyday users face with site editing, the need for better onboarding, and a call to join more WordPress meetupMeetup All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for โ€˜WordPressโ€™ on meetup.com will help you find options in your area. events. The โ€œusual suspectsโ€ came up particularly around editing the homepage, the pain of the template hierarchy being exposed, missing settings in the Site Editor, etc. We also discussed an unfortunate experience someone had in giving feedback but feeling very dismissed. This is not something any of us want anyone to feel and itโ€™s important we engage constructively. We also discussed how the majority still use classic themes and the importance of respecting both in discussions.

To close, we talked about how these are the toughest problems to solve! They are not easy by design and thereโ€™s a lot of appreciation for everyone who is willing to engage in these topics. Weโ€™re very much listening and I wouldnโ€™t have been able to write the post to begin with if we werenโ€™t. The biggest next step is to hold an additional hallway hangout in the future around one of these areas with a large design presence to help present solutions, discuss potential drawbacks, and see how we can move forward.

#gutenberg, #hallway-hangout, #outreach, #site-editor

Hallway Hangout: Letโ€™s chat about overlapping problems in the Site Editor

To bring a broader discussion into a higher bandwidth medium, in this session, weโ€™ll talk through some overlapping problems in the Site Editor that are both known and complex to solve.

How to join

If youโ€™re interested in joining, the Hallway Hangout will happen onย  2024-02-27 17:00 . A Zoom link will be shared in theย core-editorย 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 before starting and all are welcome to join, whether to listen or participate, for as long or as little as youโ€™d like. This will be recorded and recapped.

Agenda

At a high level, expect this to be an open forum to discuss in more depth some of the high level problems facing the current experience in the Site Editor, including discussions about current in-progress work and an examination of what makes these problems complex to solve. This includes the following aspects of the current experience:

  • Changing something across your entire site or just for one 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..
  • Seeing where items are used across the experience.
  • Understanding inherited values and options.
  • Understanding what you can and canโ€™t edit.

As a reminder, hallway hangouts are meant to be casual and collaborative so come prepared with a kind, curious mind. Depending on how large the session is, we may not get to all questions live on the call but we can always include follow up in the recap.

#gutenberg, #hallway-hangout, #site-editor

Hallway Hangout Letโ€™s explore WordPress 6.5 Recap

This is a summary of a Hallway Hangout dedicated to exploring WordPress 6.5 and first announced in late November 2023. Thank you to @saxonafletcher and @isabel_brison for helping with the demos! This hallway hangout doesnโ€™t cover everything in the Roadmap to 6.5 post but goes through many of the features that are ready for and needing feedback. Please help test!

Video Recording:

Thank you to the 18 or so folks who joined at various points.ย 

Demos:

The following items were demoed in various ways, sometimes on live sites, sometimes as prototypes in figma, and sometimes in a draft PR state.ย 

Discussion:

Desire for a separate metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. capabilitycapability Aย capabilityย is permission to perform one or more types of task. Checking if a user has a capability is performed by the current_user_can function. Each user of a WordPress site might have some permissions but not others, depending on theirย role. For example, users who have the Author role usually have permission to edit their own posts (the โ€œedit_postsโ€ capability), but not permission to edit other usersโ€™ posts (the โ€œedit_others_postsโ€ capability). for pattern overridesย 

Question from Jorbin: โ€œDo pattern overrides include capability checks so that it is possible for someone to be able to use the pattern and the overrides without editing the pattern as a whole? What I am thinking is having a meta capability for managing the pattern and then a separate meta cap for doing overrides.โ€

This was underscored by folks on the call and a follow up GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ issue will be opened to pursue this further.ย 

When is something ready to ship for a release?

A discussion broke out both in the chat and on the call itself around when we deem something ready to ship, particularly as it related to pattern overrides. Right now, pattern overrides currently only work with paragraph blocks and need the ability added on a 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. by block basis due to a limitation with the block bindings 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.. There are plans to expand to buttons, heading, and images. This is a great chance to give feedback, share use cases, and dig in to find limitations. Generally, itโ€™s common to ship an initial state of something and iterate in future releases but we need to ensure that initial state is still properly valuable for users.ย 

Where can I learn more about block connections?

On the potential of block connections

Towards the end of the call, we had a discussion about the UXUX User experience of block connections (what will and wonโ€™t matter to a user), how useful the feature will be, what to show when thereโ€™s no value, and whether a connection can be defined by a theme. For example, you could have a theme that supports a 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โ€™s post meta and then the theme already makes these connections to provide a seamless experience for the user to then edit as theyโ€™d like. This is definitely in line with where this work is headed.ย 

โ€œThinking about a price for example. We want to store it in meta so that we can display it both in a query 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. and on the single post in different locations. But to a user it shouldnโ€™t matter at all. For them editing it inline on the page template should feel as if it all just is in content.โ€ โ€“ Fabian in the chat.ย 

Next steps:

@annezazu will do the following:

  • Open an issue around capabilitiescapability Aย capabilityย is permission to perform one or more types of task. Checking if a user has a capability is performed by the current_user_can function. Each user of a WordPress site might have some permissions but not others, depending on theirย role. For example, users who have the Author role usually have permission to edit their own posts (the โ€œedit_postsโ€ capability), but not permission to edit other usersโ€™ posts (the โ€œedit_others_postsโ€ capability). for overrides and having a separate meta capability for that.ย 
  • Update testing post to include some of the items discussed and demoed here that need more feedback.
  • Recap feedback about block connections with contributors.

#6-5, #hallway-hangout