You can watch the video here with a detailed description of the workflow below.
After the theme was successfully imported and activated, Beatriz manually installed the two plugins
and activated them, too.
The changes to the Template Part in the Site editor were saved in the site editor, and then Beatriz switched over to the CBT sidebar 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. and clicked on Save Changes to Theme. On the next screen, she added a check to the bottom three options as well:ย
To create a Pull request for the GitHub repository, open the Hamburger menu, and select Export Pull Request to GitHub. Playground filled in all the information automatically.ย The only thing missing was the commit message, that was added in the comment box.
So far, the workflow.
There was also a discussion on how more and more block themes grow their custom styles section in the theme.json 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 it becomes a bit unwieldy, and how to handle this better.
You can follow along the discussion with the below AI-generated transcript.
Transcript
AI generated
0:00
All right, all right. So welcome to our hallway hangout talking about theme development using the site editor, using the create theme block, theme plugin and playground, and all comes together in GitHub as the version control so so we know how thatโs all going to work. I asked Beatriz, who is a theme developer, Automattic how they are organizing the work, because there are multiple designers and multiple themes and how that goes. And she has provided a little video to demo the process, to want us thoughts. Hi. We also have Sarah, sorry, sorry. We have Pia, whoโs a designer also did a lot of designs for wordpress.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/ and Sarah is also here to tell us more about the Create block or answer question about the Create theme, create block, theme plugin. We need a better name for that. I stumbled with it, but the floor is yours. Bea,
1:25
yeah, Sarah will probably answer the questions that I donโt know how to answer because Iโm a designer, not a developer, but yeah, I prepared a demo just to guarantee some fluidity in my explanations. And Iโm sharing my screen. Let me know if audio is not good. Okay. Hi everyone. Today, Iโm going to do a demo of how I usually update a theme thatโs stored in a GitHub repo, and I do that with WordPress playground and the Create block theme plugin. This is the GitHub repo where my theme is located. As you can see here, itโs called foam and and the design adjustment that I want to make is I want to add the side paddings to the header. It currently has some bug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. or something was not set up correctly, and I want to add some side paddings. Weโre going to go to WordPress playground, and the first thing weโre going to do is select a different storage type. We want to store our changes in the browser so that we donโt lose any changes that we make. And we also want to select Network Access, because that allows us to install plugins. Weโre going to go to the upper right corner and select Import from GitHub. We have to connect our GitHub account. And after weโve done that, we want to copy the link the URL of our GitHub repo, and we click Import. You can select, I am importing a theme, and then you write the name of your theme.
3:35
Click Import again. Okay, thatโs done. Now we have our theme installed in the playground website, and now weโre going to go and install our plugins. Itโs good to install Gutenberg 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/, because we never know this theme was built on it, and itโs always best to have it as well, and weโre going to install, create block theme.
4:10
Click Install and activate. Weโre going to activate Gutenberg as well, and weโre ready to go into the editor now. Okay, so weโre going to make that change, and Iโm going to go to my header, which is right here, and it should be very easy to add, or in this case, I think weโll just click a toggle and remove it out here. All right. Now thereโs the padding. That was missing.
5:07
We want to save the changes that we made, all of them with create block theme.
5:21
All right. Now weโre going to go to the hamburger menu again and export pull request to GitHub. Now all of these fields are automatically filled. The only thing that Iโm going to add is what I changed add missing side padding to header, and Iโm also going to click export the changes as a zip file, just in case, and Iโm going to click Create pull request. This is going to automatically create the pull request in your GitHub repo.
6:01
Okay, now we can visit the pull request, and here it is our theme with the changes, we can see the files that have changed since I made this change. It is here, and this is how you can update the theme using WordPress playground and create block theme plugin.
6:39
Okay, stop sharing now.
6:53
Very cool. So am I understanding correctly that what youโve just shown thatโs basically for working on the theme, templates, template parts, patterns, maybe whatever else is there to submit the pull request back in. So itโs purely for the code at the moment, because the most common usage that we that we have, or that Iโve seen mentioned on social media and stuff, isnโt just for covid, for for editing the themes in that way, but itโs also for stuff thatโs still in the database, so for managing client sites. And I know thatโs a huge, a huge topic and very difficult to answer, but
7:39
let us back up a little bit. The reason Bayer used to create block theme plugin is because of exactly that. Yeah, that the change because she made changes to the template header and because it was through the user interface, it was actually only stored in the database, but with the Create block theme plugin X save feature, she was able to the to save that back into the HTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. file of the theme, so all the changes that are made through the site editor that are stored in database, if you use that plugin, will be saved into the theme files, and then from there the GitHub repo. The theme was pushed into the GitHub repo. So there are quite a few so create block theme is for saving the changes that are. So if she, if you change some of the color palette which is also in the database, yeah, and you save it through the Create block theme plugin, it will also update the same JSON file, yeah, so it will be a contained theme plugin. Theme, complain theme, or am I explaining that wrong?
9:07
No, that makes sense. I mean, thatโs kind of what Iโve been using, what weโve been using, the Create block, the plugin for anyway, in that weโll do stuff, weโll change stuff on a staging server, will the client, will change everything, and then weโll save it back out to the theme and then, and then deal with it separately in a GitHub process. So I think that, I think, I think that itโs kind of as manual control on our side as an agency, that we only do it at a set point we can say to the client, right, stop working. Now. We have to implement, implement your changes, and create, like a new version. And thatโs then the new baseline. So the kind of the addition that is, I mean, I donโt know, is that a new thing? Sarah put the link in, I think that itโs a functionality which is in playground. Itโs not in the plugin, whereby you can get stuff to go straight back into GitHub. And thatโs kind of a missing bridge, because weโre. WordPress, I think, has focused a lot on SVN Subversion, the popular version control system (VCS) by the Apache project, used by WordPress to manage changes to its codebase., on subversion, until now. So having that ability to get stuff back into GitHub directly as a pull request, whether itโs an automatic theme, whether itโs our own GitHub setup, whatever, I think thatโs going to be incredibly useful. The question would be, is that something that is staying in playground, or is that something thatโs going to be feeding back into the Create block theme plugin?
10:29
I donโt know for sure, but I would think itโs going to stay in playground, definitely for, you know, a longish time. You know, Iโm thinking months, if not years. Certainly no plans to move it to create what clean book, because playground provides that functionality. Yeah, okay.
10:46
I also think that the GitHub functionality and playground is actually more than themes. You could actually get in plugins as well. Yeah. So if you if thereโs a mechanism to or a whole site, so you could have a sip file in, or have your site in GitHub, the whole site, and then grab, grab it from the link when playground updated, and then updated back into your GitHub repo. But thatโs the whole theme. Yeah. So you could also do your plugins and custom development and custom post types and all that as well.
11:32
So did you see that question that Tammy raised in the chat?
11:35
Yeah? Just reading it. Yeah. So Tammy, right?
11:43
So I probably can answer to
11:45
Yeah, but can you? Can you read it also, so we have it in the recording, please.
11:50
Okay, Tammy is asking how this works for a pattern you might add to a theme or template part, and this would work like in the the example that I showed, I made a modification to an existing pattern. In this case, a template part. If you added a new one, it would work exactly the same. You would see it added after you saved it to your theme. You would see it in the code after youโve saved it with the Create block theme, does that answer the question? The issue I find, though, is how you unpick
12:31
Iโm going to try and speak. So bear with me. Excited. Um, sometimes when you use the Create block theme on the export, it puts everything together. So if you want to use template parts, or you want to use patterns, and we want to have them separated, it you canโt do that. Sarah is nodding. So Iโm hoping Sarah gets what Iโm saying, and Iโm going to pass it to Sarah to explain,
13:04
yes, I think I know what you mean, and I think this is probably leading to hopefully upcoming pattern management and create block theme. So, yeah, currently, when you export a pattern thatโs been that youโre using in a theme template, itโs all like, bundled into the template, and isnโt separated into the pattern, like in the patterns, directly within the theme. And yet, that is currently expected, because itโs not functionality that exists yet and is hopefully coming soon. And well, actually, let me post a link as well so you can follow along with the progress. But yeah, I know itโs a itโs often an often requested functionality as well for create block themes. So itโs, itโs certainly a priority, and, yeah, we recognize it as a priority. So
13:52
the moment that happens, I will be incredibly happy and so many people because it really, it allows you to have a lot safer, a lot cleaner code. So yeah, Iโm very excited.
14:05
So if I understood that problem correctly, is that if I as a user create new patterns in the site editor, it does not add them to a template. Itโs only in the template, but not in the pattern when itโs saved down to the file. Okay, yeah, yeah, yeah, and thank you for the link. Sarah, thatโs a great, great issue to follow along on that problem save so I saw in the Create block theme as well a functionality to save and Bayer had to link click on it separately. It wasnโt a default option to to save localized text and localized images. What does exactly do so?
15:00
Yeah, so they, theyโre the the options are separate, so you can pick and choose which options you want depending on what youโre doing. The localized text wraps any text strings in a translation The process (or result) of changing text, words, and display formatting to support another language. Also see localization, internationalization. function, so that the WordPress translation functions, so that, so itโs a itโs a requirement for the.org the wordpress.org theme directory, that things are translatable, but obviously for different use cases, you might not want to translate everything, because you just might not need it, or maybe you donโt think you need it, maybe you do need it, but yeah, itโs there so you can turn it off if you donโt need those functions. And then what was the other one? The localized images, images. So thatโs for if youโve uploaded an image thatโs part of a template. So say, any an image block, cover block, or youโve got, like a hero image in a template. When you export anything currently with the base export functionality, it wonโt include assets, so things like images and fonts. But if youโre using this create block theme function, it will include the image asset inside the theme assets directory, and it will reference the the image from that directory. So itโs a relative link, like if youโre used to building with things, and youโll probably know the kind of link, I mean. But normally this doesnโt happen with the base x functionality. Weโre WordPress, yeah, thatโs the magic. Itโs kind of like an automatic relative link. Okay,
16:31
so thatโs for instance, if I have a background image that I attached to a group block, or if I have a sideway back background image, it would only land through playground in the media library of that site, but if I wanted in the theme, I need to kind of check that so it kind of come will be saved also in the assets folder of the Theme. Okay. Yeah. Okay, good. Um, any other questions? Yeah.
17:03
I wish there were. I guess sync. I guess sync patterns that have been created by one of the editors, one of the users, wouldnโt be ignored in that process. Or would they also be included?
17:14
They will be ignored at the moment. So sync patterns currently donโt work on theme export. Thatโs kind of all whatโs wrapped up in this, the pattern management, yeah, idea as well. But,
17:27
yeah, they currently thatโs as a good thing, as a good thing, as you all want to I mean, well, I say itโs a good thing. I mean, it will be helpful for agency clients like us who want to version the content as well as the as well as the tech behind it, but I think thatโs, thatโs a more complicated scope, and I donโt think thatโs necessarily part of WordPress core Core is the set of software required to run WordPress. The Core Development Team builds WordPress. functionality. I think thatโs something that we should be solving, not on an individual basis, but I donโt think thatโs something that should be part of the block theme, because it would start to get very complicated for users who are kind of, I mean, I say freelancers or individual users who are creating sites and using playground, for example, or using their own logic to define how to do this kind of stuff, because every agencyโs case is different. You know, do you version the content? You version the patterns? Thereโs so many different ways that it could be configured that I think adding that kind of thing into the into a standardized plugin might just mean that weโll all sync under all of the options, and nobody will understand how to get to where they need to be. Kind of too many features, if you
18:31
know, yeah, complex. Itโs getting complex quickly, but I know there is so not in 6.6 but for 6.7 there is an issue on GitHub to actually have sync patterns for themes, so themes can put patterns into the pattern directory that also have block bindings to custom fields and those, if they change. I think that would be probably on the roadmap for create block theme plugin to actually also save those out. Or maybe it would be possible to save out the sync pattern from the users, the think pattern overrides from the users, and then have them into the file repository, as well as patterns. Iโm not sure if thatโs going to be really that might be straightforward because, yeah, I donโt know. I think thatโs one level too complex for me at the moment too, but itโs certainly something to think about, because sink pattern overrides for themes is in the works. Somehow you want it, yeah, so Tammy also wrote that the big one sheโs coming back to our shortcodes, which. Outside the scope of this. But itโs, I think takes a poor, poor block to sink, and itโs far simpler, yeah, I think so too. Yeah, Iโm not quite sure. And then, so, when you have a custom value in the same JSON, so Iโm just reading what dem is saying, one thing I do have, though, is when you went to custom value in a theme JSON, when not to I think many of us create block themes and have an ever growing custom section and theme JSON. What are thoughts on that from those creating themes? Yeah, thatโs definitely a question for Bea and Carolina and Sarah. Yeah,
20:59
Iโm not sure I understand the question, I
21:03
would try again and explain so to particularly values, to the custom values in theme. Jason, I find that Iโm having an ever growing amount of those custom variables in theme. Jason, the simple block themes, 100% No, I donโt need it, but I donโt generally deal with simple themes. And once you go beyond that, you just need more. You maybe want different. Pod scales, line heights, is a good example all these ones, and it feels like with every block scene that people are making, that custom section is getting bigger. I know with the investor, we have more potential with same Jason three, for it to get smaller. But I just, I just wondered if whatever people are feeling, and Iโve looked at some of the recent themes, and also seeing that other peopleโs theme, Jasonโs have that custom section going as well.
22:10
Okay, yeah, I donโt think, like, when Iโm creating the theme, Iโm not really thinking about if itโs big, like, if itโs growing too much, because, like, Oops, okay, thatโs Iโm basically, like changing the global styles in the editor, And like evaluating from a visual perspective. And I try not to add any extra CSS Cascading Style Sheets. too much or anything like that. But sometimes I find itโs itโs needed to go there and theme JSON and change the values, like the the the fluid values, for example, those. I changed them a lot, and I havenโt ventured too much on the spacings. I usually deal with the base theme that Iโm working and use those, but sometimes itโs a little frustrating because theyโre not exactly how I would use them. But that the short answer is, the short answer is, I donโt think too much about that. Iโm not sure if that is, yeah, but thatโs probably a more designery Question Answer.
23:37
I mean, I can speak from that, because itโs something that weโve sort of been right through the whole process, right from 2018 right through to now, is trying all the different options, working out the best processes and stuff. And I agree that some projects, we will use custom values in the sheet theme. Jason, for example, if weโve got a fixed header bar that doesnโt it remains fixed and doesnโt scroll, we might need to dynamically know the height of that thing, or we need to define it by breakpoint, or whatever. Then thatโs, can be okay, a use case for custom variables in theme, JSON,
24:12
correct. Iโm not talking CSS variables, though. Thatโs not what Iโm talking about here. Custom CSS. What Iโm talking about is things that donโt. So actually having line height is a great example. So for finding those variables in there, itโs something Ollie Foss, lots of other theme developers already have. Theyโre not actually writing, sorry, custom CSS. Thatโs not what Iโm talking about, no,
24:41
no, no, no. But youโre referring to setting the value of typography, line height, for example, to a custom value or no.
24:50
So youโd write that line height, youโd have a line height scale that you would use, and then youโd be able to use that
24:56
throughout, yeah, those are the presets that you can get in the cage. Sonia and you feel that you have a need to kind of create, aside from the default presets, more and more presets for your sites. That not only is
25:14
where the gap exists where there isnโt a predefined preset already that you can use in theme, Jason, and thatโs where the gap is generally telling us where we need to do future presets. Yeah, yeah.
25:31
I mean, I think weโre on the same page. I understand what you mean, yeah. I mean, the experience I have is basically to really take us take a step back and say, Is this Configure? Is this going to be used on more than one site? Is this going to be configurable? Can we change this down the line? Is it something we might need to adjust that scale in the future for the for this project or for this client? And if it mostly, if itโs going to be reusable, like, Iโve got a multi site with, I donโt know, 10 sites that are all using slightly different variations of the same block theme in the site editor. Then these values might be slightly different according to the font, for example. Then thatโs something that will be I will put into theme. Jason, if it is a really custom value, then Iโm, Iโm General. I mean, if weโre talking about CSS or PHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 7.4 or higher, whatever, thatโs something, then I tend to not put it into theme Jason, because I donโt want it to be controlled by a configuration option. Rather, itโs setting a value which canโt be changed, which applies to that theme. Because I see theme Jason as something you would set up once, and then maybe as a project continues or progresses or develops, then maybe go and modify it. Or if itโs on multiple sites, then itโs different on each site. So my case is different to somebody whoโs using it on a one off website. Itโs different from something like Olli. Well, the Olli theme, for as an example, is going to be on installed on 1000s of websites, and every single website could be slightly different. So thatโs the case for using theme JSON without having to touch any code.
27:06
So I tend to not use CSS anymore. I use theme Jason, even if I just do one site. So I think thatโs the difference, because I use it as a design system approach. I create a theme as a design system there. Yeah.
27:20
I mean, weโve got, weโve weโve tried, weโve tried two projects where we said, No, weโre just going to use theme Jason, and nothing else. And we ended up with several 100 lines of custom stuff in theme Jason, which was not real. Itโs not doesnโt make sense to us.
27:32
Well, so 3000 lines in CSS,
27:36
it is absolutely and thatโs why weโve got the combination of the two. We use theme Jason up to the limit where it doesnโt make sense anymore, and then anything else we say, Write this kind of stuff in itโs not something we want people to change the configuration of. It has to be done like this, like a CSS reset, for example, to make certain stuff in Firefox happen correctly. Thatโs not something thatโs a configuration option. Thatโs something thatโs like, no, itโs a fix. Itโs something that has to always apply. But I do know that thatโs quite an advanced use case. So it is not saying we use a theme Jason for the minimum and everything else we did my hand. Thatโs not the case. We start with theme Jason, and we get to a point where we say thatโs not achievable within Jason, then it probably never will, because itโs too specific for our for our use case. So So
28:20
Sarah was so kind enough to share a link to an issue or a pull request, rather to add UI for users to change the funds presets for a site. So that is certainly something that will also then need to be kind of in that process that we are talking about. Need then to be also safe through create block theme and then feed out into the through the theme JSON, probably, but yeah, so if something is fixed, Iโm kind of wondering why that wouldnโt be in theme JSON, because if itโs fixed in, in right out of the bat, then you donโt have to do any other customization, and it you can make it that itโs everything,
29:23
yeah. I mean, to me, I prefer to go to the engage in just one places. From the QA perspective, itโs just easier. I think you can have an endless debate about it depends on what implementations youโre doing. Yeah,
29:43
but yeah, Iโm more so behind that, like one source of truth. So
29:50
it depends on what project you using, what libraries and what implementation. But it also for me, I kind of did that it. It is in. Up that. But itโs also about maybe we should be surfacing more where weโre using those question values, where weโre having the really long amounts and saying, Hey, these things do need to have more visibility as well, and not just accepting that weโre doing the custom phase,
30:20
probably not theme based, but the immediate thought that comes to mind is custom plots, where, to a certain extent, you can use the configuration in theme JSON to handle that, but some custom blocks are going to come with a very locked down set of code, CSS. Iโll take CSS as an easy example, where itโs not configurable. Itโs just it is how it is. And you donโt want to try and offer that as a configuration option for a custom block. But again, thatโs, you know, I mean, I know the general pushes towards core and commonality and everything following core as closely as possible. But there are, there is a very valid use case for custom blocks and for custom Absolutely. I call them custom patterns, but you canโt even edit them in the block editor. You know, theyโre absolutely locked down for better usability for users that they donโt want to have to go and fight, fight their way through nested blocks and stuff like that. They just want to have a field where they can change the image and done but, but thatโs not, again, thatโs not thatโs one of the things I feel quite strongly about is thatโs not something that core should be solving. Thatโs down to the individual developer to make it work well for the project and for the agency and for the client needs. So when weโre talking about custom plots, thatโs not something I donโt think right now. I think the core focus should be on what makes sense for everybody, and not what makes sense for these 10% of people who are intent on doing it themselves, certainly not in the current state. Thereโs too much to be worked on, yet too much to be improved. Before you start getting to into really outline non specific or very specific use cases that that link that you said shared, Sarah, to the to the editor, what kind I mean Iโve only just very, very quickly flick through it is, whatโs the feedback there? Is it? Should we do it? Or how do we do it? What feedback is needed there?
32:08
So I think itโs a yes, we should do it. It was more, I was wondering if it would help, if, if all these custom, potential, custom values had a UI that matched up, so it doesnโt reduce the amount thatโs in theme JSON, which I know is the initial complaint, but if thereโs somewhere to, like, visually organize them, and maybe, if we got to that for all the presets, then maybe they could be exported as a separate json file as well. Oh, you know, there was the option to export them as a separate file to Maurice. So
32:42
an additional, an additional section, like custom book to call that I know, for example, presets, where these custom names, keys and values get applied, sounds like a really good idea. Yeah, definitely. What
32:53
it helps is it makes the invisible visible. And I think one of the problems I have at the moment is Iโm craving a lot of invisibles, something that is meant to be encouraging visibles. And then that means I can benefit from the dream evenness in the most beautiful way when Iโm rapidly creating. And one of these things, which will no matter what weโre doing, whatever we create, and dictates and creates variables that we can use in blogs, whatever we use. So we need to also remember that no matter what we are creating there, we do have these variables created that we can call out as well. Yeah.
33:29
But side question on that, when we got when we create in custom colors in the Styles editor, when we save those out with create block theme, are they being added to the palette array and brought into the Yeah, okay, yeah.
33:43
So, Sarah, whatโs next for the whatโs on the rave map for the gray block theme plugin, in terms of whatโs coming into WordPress six and further on?
33:59
Yeah? Well, the most recent changes, we feel that are in a good place, where weโve just kind of finished a big refactor from moving from the WP admin (and super admin) page into the the editor UI, yeah. So we feel like thatโs in a good place. Thereโs probably more we can do. There always is, but weโve moved everything that exists currently in the WP admin into the editor, and then next was actually pattern management, which hopefully addresses the first thing we were talking about. But weโre trying to, weโre trying to work as closely as possible with the sync patterns discussion and work thatโs going in to both 6.6 and 6.7 let me find another issue as well, a Gutenberg issue for 6.7 but, yeah, I think that the issue, the Create block theme issue that I faced before, about pattern management, I think weโre coming to the idea that weโre going to experiment with pattern management in that plugin and just work alongside whateverโs happening in Gutenberg as well. And yeah, and hopefully just. Like proof of concepts and things out and see, see what lands. But, yeah, we know itโs a big wanted feature to manage patterns in the editor.
35:14
Was that the one that you let her know, who is it? Justin, whoโs done a block pattern manager? Somebody. I canโt remember it was now, Iโm sure I saw someone on GitHub, just
35:23
very Yeah, Justin was one. There was also a blockmeister kind of thing. JB orders had a plugin that lets you do pattern from but they were all kind of pattern management from the editor. That was that feature wasnโt available in core back then, when the plugins were created, but now itโs available in core. So those plugins are the only thing. What you canโt do in core right now is create new categories, but that has also well couldnโt do before, but now you can so that the whole part is kind of built into core now. And yeah, and now, thank you for sharing the sync pattern iteration for WordPress 6.7 that has the overrides for theme patterns and a few other things that are in there. Expand block support for sync patterns, because right now itโs only available for four blocks the sync pattern overrides that certainly needs to be expanded a bit so it also covers other blocks
36:35
going going back to Sarahโs comments about the UI for presets, one thing that would be very useful would be if we can have a way of changing the font sizes through UI that are predefined so large, instead of 18 pixels, is 19 pixels, and then saving that back out to theme Jason, because at the moment, thatโs something that still requires a manual a manual change, which is something I As a very pernickety typo guy, I change the size of my fonts every, every few weeks, because itโs like it needs to be a little bit smaller, a little bit bigger. So if thereโs a way of actually implementing that into the process, so that that can be versioned as well through GitHub, in the way that weโve seen in playground, or even just that thereโs an interface to say max for the fluid sizes, just for a little bit of fine tuning, maybe after a launch, or maybe the client has a change, but we donโt have time to go into the code and change stuff that would be very useful, because the way that we manage most of our client sites is they tend to ask for changes, minor changes, two weeks after the project has gone live and we think weโre finished, so we just say, weโll change it in the weโll change it in the site editor And or the sales editor. Leave it there for the time being, and weโll come back to it in another in the next iteration, and then use the plugin to save all those little itty bitty changes back out into the file. Yeah, I was just gonna say, is there already an issue for that? Or shall I put one?
38:01
I think itโs probably the same issue. I think thatโs the UI is for for editing those font size presets within the editor, so you donโt go into the code and change them. Weโre also starting with font sizes, but weโre probably going to follow up pretty closely with spacing presets as well the spacing size presets and then others. But yeah, definitely those two to begin with.
38:25
Yeah, spacing sizes will be very handy, because thatโs something where I have to go and remind myself of the of the preset slugs every time I do it, to go and actually adjust them and try and not use my own spacing unit, a spacing presets actually trying to support ones. So yeah,
38:40
be very handy. Sounds like we all need the same tool? Yeah, thatโs yeah.
38:47
Is that something I mean, bear, Sarah, are you? Are you working on? Are you working on things for automatic directly or
38:55
so Iโm primarily working on, like tools to support theme builders and anyone else the editor often theme builders. So, yeah, thatโs where the that font size is, PR comes in.
39:06
Okay, how about you bear? Do you what are you working actively on the themes? Or,
39:11
yeah, Iโm, Iโm a designer. My background is a designer, but I recently started to build them in the editor and do all this. And I also released the themes in wordpress.org,
39:24
so thatโs kind of these tools that weโve been talking about now are very much something that you can see as a, letโs say, a theme creator for people, that hundreds or 1000s of people, people are going to be using it. Thatโs these are use cases for that from that side of the target audience as well, cool, exactly.
39:41
Yeah, so when you were talking about clients, thatโs kind of, I understand that, but yeah, probably the process is itโs different, because your clients, they get into the websites and they want to change it themselves for out. Automatic themes. Itโs like all these people that are going to use the theme, so yeah, but the tools are these tools are incredible, like the Create Blog (versus network, site) theme plugin and playground, they have been so useful for me in the process. Yeah,
40:17
yeah, for us who I mean, I mean, you say that about clients. Our clients our clients tend to be small and medium sized businesses, and honestly, they donโt care. They donโt want to, they donโt want to know. They just want to write their content. They donโt care what I mean, they care about how it looks, but they donโt want to have to go into the site editor. They never, I mean, like 95% of my clients donโt even know there is a site editor. And they donโt care, and they donโt want to know, but they come and say, Can we change the spacing, that font, that title needs to be a little bit bigger, all this kind of stuff. And thatโs an iterative process, because theyโre never happy with it. Theyโre happy with it for a month, and then they want to change it again. So yeah, itโs coming from it. Itโs coming from the same problem from a slightly different angle. But itโs great to find that there are solutions that are working or being worked on, I should say, and being provided for, for US agencies, and also for normal users, if we can put it that way. Well,
41:05
at the great block theme plugin as well as the playground. They are open source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL.. They can be adopted to any other scenario of having themes in in GitHub version control. So I donโt think itโs a big client versus small client, or 15,000 users versus one site using a theme. I think it could also always be version control, and that probably is, and itโs a fantastic workflow. I havenโt seen anybody else yet using that workflow. Thatโs why we kind of had, yeah, gee. Tammy raised her hand and said, Iโm using it, yeah. So yeah, but I think we is there anything on
42:01
that for me, Iโve been using that workflow ever since the plugin came out, because it makes it makes no sense not using that workflow. To me, Iโm having been using Iโve only recently been adding the playground to my workflow.
42:15
But to me,
42:18
create bot plugin, and doing that completely makes sense. It just hasnโt made any sense to do it any other way, from small projects to large enterprise, agencies, food, whatever, it doesnโt make any sense, even if you go down to the just starting to have a theme, and whatever you thought from, or whatever you create, whatever base you create from through to using it like dream leader, just to do the least. And thatโs what, like the root of the plugin can do. Playground is an addition to it, and I think that depends on whether you have ddev or you have different environments as you kind of get into those different scales. Yeah. So
43:00
there are some things coming out of WordPress, point six, 6.6 that will change a little bit how you create themes or how you do Iโm talking about the section styles. Bia. Have you been any testing or experience with that on how thatโs going to work and how how you feel about what you feel about that, and how you use it?
43:30
Sorry, could you repeat the question? Because there was something in the audio. Okay,
43:35
so I was thinking that WordPress 6.6 comes with section styles. And have you done any experimentation or explorations about that? And is there anything that you would kind of share with us what your experience was?
43:52
In fact, I havenโt experienced experimented with it, so I canโt share anything useful, not yet.
44:01
All right, anybody else Carolina or Tammy or Sarah? Have you done any experimentation with that? All right, then I think thatโs another, yeah, Carolina kind of put into hasnโt had time yet for it, and I can understand that itโs still three weeks out, so I think we have another developer hours or hallway hang out about that. I just so Iโm thinking, if there arenโt any other questions, I give everybody kind of 10 minutes back from their time. It was wonderful to have you here and have this discussion. Thank you for Bear. Bear to put this little video together, the demo together so we can all see how it goes from from first step to to then the pull request. And that was very, very helpful. And also for Sarah to have all the answers for the. These wonderful questions from Mark and Tammy and in our show, I want to just before you go, have for you the next hallway hangout is in November. November. Oh, I wish it were November 26 in June, 26 at 11 UTC and itโs about grid layouts and how to use the functionality from 6.6 and whatโs coming in 6.7 and then a day before, itโs a developer hour on what theme, what comes whatโs important for theme developers for 6.6 so, and thatโs on June 25 1500 UTC Iโm just going to throw that out so you can note it down or the thing, I think it shared it at the beginning, but maybe I need to share it again. So there is that. Thatโs the Hangout announcement. And here is the developer hour for next week, so we all have it in our browsers. And with that, I thank everybody, and I see you.
46:15
Quick question, very quick question, the hallway Hangouts, are they going onto meetup.com?
46:20
No, theyโre not going on meetup.com. On meetup.com but there will be a summary post on make core blog for the Yeah. So I shared the recording, and I share the links that we had, and also transcript and the separate video from Bayerโs demonstration, so you donโt have to watch a whole hour to just see that demonstration. All right, this, this is it, and thank you all for and see you next week. Bye, thanks
46:49
for your time, guys. Bye. Bye. You.