 All right. Hello everyone and welcome to today's online workshop. Today's topic is making custom templates in the site editor. So custom templates is something that came out with the with a recent update to WordPress. I think it was end of last year and they the features have really improved compared to say a year ago when the templates first got introduced. So today I'm excited to show you what custom templates are and how you can use them on your site. So for those who don't know I'm Ben. I have been a WordPress user since 2014. So WordPress is turning 20 this year and I've been using WordPress for nine years. So I know about half the life of WordPress. So that's interesting. I am bilingual in English and Japanese. So I do these online workshops in both languages today will be English and actually did the same topic in Japanese last week and we found some had a really good time there. So I'm hoping we have a good time today as well. For those who are new to online workshops. I just wanted to explain what an online workshop is. This is a space where we learn together. So I've come here with a specific topic and I plan on sharing with you all but anybody is free to share information about this. So if you have questions drop them in the zoom chat. And if you know the answer to someone's question you are free to go ahead and answer that. These sessions are recorded and posted to WordPress dot TV afterwards. So people who couldn't attend this session can watch it also. And online workshops are hosted by people in the WordPress community who just want to give back to the community. So if you're interested in hosting online workshops like this one, let us know and we will show you how you can get involved as well. Alright, so let's start with a question. How familiar are you with editing templates in the site editor. So today we'll be looking at editing templates. How familiar are you with this so if today's the first time you'll ever be editing templates that would be a one. So if you edit templates every day for work or you're a designer or you're a theme builder, you would be a 10. So from one to 10 on that scale, where would you think you would fit. How familiar are you with editing templates in the site editor. All right, so we have, we have a six, seven, a 10. Oh, we have a 10 and eight of a 10. All right, so we have people with pretty good experience. And we also have a couple of ones. A couple of fives. Okay, so we have people from all different levels of experience here today. Not at all familiar one or two that's totally fine. Today's session is going to be centered around me demonstrating using custom template. So if I do something and you're like, Hey, wait, what did he just do. Feel free to pause me. Let us know like you can ask me, can you show me what you did there again, and I can explain it again. And hopefully even for those who have experience you might learn something new about custom template editing today we'll see. Okay. So today, let's see, oh, first of all briefly introduce the science editor. And then I want to give a bit of a word about editing the homepage. Then we will be talking about editing template parts first off, and finally finishing off with creating custom templates. Creating custom templates is what that slide should say. There we go. So I don't have a lot of information in my slide specifically, but I will share the link in the zoom chat here so you can take that home with you. And have a look at those slides later on again if you want. Elisa says, I always recommend going back to the video and reviewing slower if it moves to path. That's a very good point. That's another reason why we record these sessions so you can always go back, see what I did again, play it at like half speed, so you can follow along also. I'll try not to go too fast. But there is a bit of content I want to get through today. So today I'm going to be working with a local WordPress installation, which means the WordPress is hosted on my computer, but this is the same as hosting your WordPress site on an external host. I'm using a software called local to do this. We'll be using WordPress 6.1.1, which is the most current version of WordPress. We'll be using the 2023 theme, which is the newest default thing that comes with WordPress. So you, you get to see the most new and snazzy features that come with WordPress. And finally, no additional plugins or code. Until recently, if you wanted to really edit your theme or the templates, you had to be, you had to have coding skills. So you would go in edit the theme file to make adjustments to your thing with templates with the custom templates we'll be looking at today. You really don't need any code at all to build out your own design on your site. So that's really exciting. And hopefully everybody else can see that excitement today also. So I wanted to show you this site right now. This is the end site. We're going to be working towards. So I've already made edits to this site to the custom templates and the custom template parts. And this is what we'll be working towards. And what I wanted to point out is you have a list of posts here. So this is just your normal blog page. But if I click on fireworks by the river. And if I click say happy new year here. They're both posts, they're both just normal blog posts, but the layout of the post page is totally different. So this fireworks one, you see just as one big featured image and a very simple photo. Where it's over here for the happy new year one, you have a featured image, you have a title, you have text. You have tags and categories. And then you have leave a reply. And then you have a more snazzy footer at the bottom here. And this is where I am using custom templates. So both of these are identical posts in the back end of WordPress. But when shown on the front end, because they have different custom templates applied, the layout of the post or the design is completely different. So today I'm going to show you how you can build custom templates and apply them to your different posts. So your different types of posts can show differently on your website. And this is what we're starting with. So over here, this is a basic 2023 theme installed on WordPress. I've gone and added a couple of posts here just so we have content to work with today. But these are all just normal posts. So let me open the fireworks by the river. So this is the 2023 design. You have a huge featured image at the top. Then you have title, text, tags, comments, et cetera, and a footer at the bottom. And you'll see the happy new year post is exactly the same as well. So at the moment, both these posts are just using the default template. And we're going to be changing this to use custom templates. Okay. So just a reminder to folks, the blog posts are displayed via the query loop. So yes, we'll be having a look at that in just a moment. All right, before we dive in, were there any questions that you think people want to clarify before we get started here? It doesn't look like it. I think we're all eager to jump in. So let's start. All right. So I just wanted to point out we're using a basic WordPress installation here. We're using the 2023 theme. There aren't any plugins. And yeah. So first off, when you want to edit the design of your site, you would go to appearance editor. And this opens this site editor. So when you want to edit the content of your site, you would edit your posts and pages. But when you want to edit the design of your site, you would go to appearance editor and edit the design through the site editor. So for those who are new to site editor, I just want to clarify the site editor is for editing the design of your site. Now, once you're in the site editor, if you click on the WordPress logo at the top left, you'll see we have three menu items here under editor. We have site, which is site editor where we are right now. We then have templates. And then we have template path. So if you click into templates, today's topic is custom templates. So this is where we'll be working from today. You'll notice we have a dozen or so templates here already. And these are provided by the 2023 theme. So depending on the thing you're using, you'll have a different number of templates already built into your site. And the 2023 theme comes with two, four, six, eight, nine templates. But recently with WordPress, they've added a new button at the top here. So you can add different templates to your site. And at the very bottom, we have custom templates. So this is what we'll be working with later. So your theme comes with a certain number of templates already. And you can add more templates to your site depending on your needs. So in the next menu, we also have template parts. I'll click here. Again, the number of template parts depends on what theme you're using. So the 2023 theme comes with four pre-built template parts. Template parts are like blogs used inside templates. So for example, we have here the footer and head up template parts. So multiple templates use the same header and the same footer. So rather than having to build out the same header in each template or the same footer in each template, what this theme has done is it's made a footer template part. And then it's added that same template parts into multiple templates. So if you want to edit the footer of your site and you want to edit all your templates at once, you can edit the footer template part. And then every template that uses that template part will get updated in one go. All right. So template parts are the building blogs for templates. So we have a question. Are the templates listed under add new defined by the theme or by WordPress core? So I presume you're talking about the list of these here. What you're seeing on my screen right now is determined by WordPress core. And then if your WordPress site has custom post types, we're not going to go into details about that. But if you have custom post types, then you'll be able to build templates for those custom post types as well. So these options will grow if your site has custom post type. So basically what you see right now should come with every WordPress site that has a blocked the installed. All right. Great. So let's go back to our site. All right. So at the moment the 2023 theme has this simple header. And if you look at the site we're trying to get to today, you'll see I've updated that header like this. So the way I did that was I edited the header template part so that the header changes to that new header on every single page and post on my site. So let's start with that today. So we're going to edit the header template part. Okay. Spencer asks, can you build loop items with the site editor? And the answer is yes. You can build things with the query loop block in the site editor as well. You can definitely do that. All right. So we're editing the header and I'm going to open the list view. This really helps me see what we're working with. But really, I'm just going to get rid of all this. This header is nothing like the header I'm trying to build here with a logo site title in the menu. So I'm just going to delete this entire group block. Then I'm going to make a new header and how I'm going to do that is I'm going to click on the plus. And I'm going to click on patterns. So the default WordPress installation comes with many different patterns you can use for your site. So for this one, I'm building a header. So I'm going to go to headers. I'm going to go through headers. There's this one here with a logo at the top, your site title here, and then a menu underneath it. This is exactly what I want. So I'm going to click on that. And that adds all these blocks into my header for me. Okay. So I open this again. And now if you look in the header group, you'll see I have a site logo, a site title, and a navigation. I'm going to click on the site logo. And by clicking on this blue circle here, I can add a site logo. So I've already uploaded some images onto my site. So I'm going to go ahead and choose a site and image there. And then if you want to edit how this logo appears, you can click on the cog wheel at the top right, the settings button. And this will give you the settings for this logo block. For example, I want to make this logo rounded. So I click on rounded. And then I also want to use this as my site icon. So if you look in my browser at the moment, the site I'm working with has the default WordPress logo, whereas my completed site over here has my site logo in the browser tab. And this setting is this right here. So when I set this logo block, if I have used a site content on, it will also change the site icon here. So let me save that and just make sure that does get applied. So I click on save. You can see that the image is rounded. And then let me just refresh the play page. And you'll see the site icon changed up here. So that was a setting inside this site logo block. Okay. Then next we have the site title block. So custom templates. We can just make the site title if we want today's practice site. And then a navigation menu. So this isn't the main focus for today. So I'm just going to quickly go through and create a navigation menu here. So basically what you would do is you would click plus, and then you can add different pages you already have on your site. So I think I have a contact page. So I can add that. I'll also add a sample page. So I'll add that. What other pages that I have on and home page. So the home page is a bit difficult because at the moment my home page shows my latest. It isn't actually a page. So I'm going to make a custom link here. So I've got the word home. Click on link. And I'm going to edit this to a simple slack. Just one slash. And by making it one slash this now links to the home page. And we'll have a look at that in a moment so you can see what I'm talking about. I do want to bring this here, which brings the home to the left. All right, so this is looking very similar to the heading I was hoping for over here. So let me go ahead and press save. All right. And so this is the site we're working on. This is what the header looks like right now. So I've just gone in and edited the header template part to look like this. Let's refresh this page and make sure the header is applied. And yes, it is. So just to review what I was doing right now was I was editing the header in template parts. And that header is used all over the site. So once I saved my changes, you can see the header changed on the main page. If I refresh a post, you can see the header changed on the post as well. So that header changed all across my site. And if you go back here to template parts, you'll notice now there's a small blue dot here. And this dot means this template part has been edited. So it's not the default template part that came with the thing. It's now being edited by me. And once there's a blue dot, you also have a new menu appeared right here. If you click on the three dots, there's an option to clear customization. So if you say want to remove all your customizations and go back to the default template part that came with the theme, you can click on this and clear all your customizations. There's just one warning I want to give. And that is once you click this, clear customizations, there's no confirmation message. Like usually there might be a message, are you sure you want to delete your customization? And then you click yes or no. But at the moment with WordPress, there's no confirmation message. So if you accidentally press this, there's no going back. All your customizations are live. So just be very careful when you clear your customizations. And because it can delete hours of work you've put into your custom templates. All right, let me pause there once and see what questions have come in in the chat. And if you have any other questions, feel free to ask those as well. So thank you to those who have already sort of chimed in and answered some of these questions. Can you create additional headers and photos instead of changing it? Yes, that's what we're going to do right after this. So just look forward to that. And you also ask, can you have more than one logo defined for the site? Waste answers, I think as soon as you change the site logo back, the image changes everywhere where the site logo block was added. Yes, so a site can only have one site logo. That's just the way WordPress is. You can only have one site logo on your site. Elisa says it'd be nice to have more than one logo, like without text or some areas. Yeah. So what you would want to do there probably is make different templates. So for this page, if you just want a simple logo, edit the template and rather than using the logo block, you could use an image block and put that other logo in your second logo in an image block inside the template. So it's not actually a logo of the site, but you could still apply it to different pages. That might be one way to go. Spencer says, can a logo use conditional logic? No, you can only have one logo on your WordPress site. Loris says one logo is good for SEO and accessibility. Okay, that's good to know. Roger. So the 2023 thing has no PHP anymore, but similar to how all the themes had the template files and template parts, like in the template hierarchy, will have HTML files defining at all. Is that a pretty general way of putting it? All right, so others who have experience with editing templates might be able to give you a better idea here. But now the way WordPress themes work, if my understanding is correct, themes are stored in what is called a theme.json file. So it's not HTML. Wes, do you know what the language is? Like the programming language or? It's not HTML. Blogs are sort of HTML. So I'm not going to give a half answer here, but maybe somebody else has an answer. Maybe somebody else with experience can answer this question. Loris says, yes, you can edit the theme.json file. They're written in JavaScript. Okay, that's the answer we want. So we just edited the header custom, sorry, the header template part. And there was a question before, do you have to edit the header and footer, or can you make a new footer? And the answer is yes, you can make a new footer. So if you have a look at our site at the moment, you'll notice the 2023 footer looks like this, but has the site title on the left and proudly powered by WordPress on the right. So if you look at my finalized site, you'll notice, let's see, for this post type, I've kept that same footer. So I'm still using that simple footer. But on the main homepage, I have a snazzy footer here with images and color and it's different. So on my site, I'm actually using two footers. Some templates use this big image for that and some templates still use that simple for that. So what I'm going to do is I'm going to keep this footer as the simple footer. And I'm going to make a new footer template part for my site. Okay, so we still look at template parts. If you click on add new, you have an option to create a general template part, which can be used anywhere in the page. You can build a header template part, or you can build a footer template part. So I'm going to build a new snazzy footer template part. So new footer with image. All right, that's the name. It's going to be a footer and I'm going to click create. So when I build the header, I clicked on patterns and I choose the pattern from here, which made building a header really easy. But sometimes what you're looking for isn't here. I mean, there are dozens of patterns you can use here, but sometimes there isn't something that is perfect. And so WordPress also has what is called a patterns directory. So let's see the link is WordPress dot org patterns. So I've dropped that into the zoom chat here. And here there are hundreds, if not thousands of patterns built by WordPress users like you are not. So we can build patterns in our sites and then submit that to WordPress dot org. And there's a there's a check before it's published just to make sure everything's appropriate. But these patterns you see here all designed by the community. So I mean, if you start looking through this, you could spend ages trying to find the perfect pattern. So I actually spent some time beforehand to find a pattern I liked. And I found this pattern here. When you find a pattern you like, there's a add to favorites button you can press. So whenever you come back to the patterns directory, you can click on favorites. And you can find all the patterns you saved as a favorite here. So this is the pattern I want to use. Now the way to bring a pattern from the pattern directory into your site is very simple. At the top, you have a copy pattern button. You press that. And you come back to your site. And here you'll see where we're inside the paragraph block right now inside the paragraph paragraph block. You right click, click paste. And then that pattern from the pattern directory is brought into your site. Now at the moment you can see the image is sort of cut off, but that will fix if we just refresh the page. Let me refresh the page. All right. So you can see that pattern we found on the pattern directory is brought in to my site. We can open this up and see what all the blocks used here are. And then all I have to do is change the images and text to the image and text I want. So I click on the image. I click on replace. And then from my media library, I can change that to my own image. As everybody here knows, that isn't really me. That's just an image I found somewhere online. But you can also change the size in the block settings here. So 200 pixels looks good. And then I'll add here. Let's see. This is not an image of then. And then also the cover block in the background here, I wanted to change that to my own image. So again, I click on the image and click on replace or for media library. Change that to the image I want. And there you have it. That's my new footer. So I'll click save. You can always see the name of the template part you're working on here. So this shows I'm editing the new footer with image template part. So let's go back. Let's go to template parts. And you'll see now we have a fifth template part. And this wasn't didn't come with the theme. It was created by B sun Evans. That's my WordPress login username. And you can see new footer with image. So we now have two footer template parts on our site. Now, the thing to remember is though, I've come back to my site. And even if I refresh my site, the footer hasn't changed yet. And that's because we now have to replace the standard footer with this footer in the custom templates. So the home page. So now now that we've made all our template parts, we'll go into template. So the home page is using the whole template. So we open that up. And you can see here that's the home page. We click on blocks. You'll see the home page is built from a header. So the group block, which has a query loop inside. So there's a question before, can you lose the query loop in the site editor? Yes, you can do that. And then we have the footer at the bottom here. Now, the footer, I want to change that for that new for the template part I built. So I'm just going to remove the footer altogether. And I'm going to add a new block after the group block or at the bottom of the page here. And I'm going to click on the plus. I'm going to go to blocks. And then I'm going to search for the name I gave my template part. So I think I called it new. There we go new footer with image. So you can see here that custom template part I built is listed along with all the other blocks on my site. So I'm going to click on new footer with image. And that brings that new template part into my home page for me. So now if I click on save, save. And I come back to this and if I refresh the page, you will now see that new footer on the page here. All right. So let's see. On the bottom of the post, we want to change the footer on the post as well. So the way to do that is we've come back to our file editor. We click on the logo. We go to templates posts by default. Use the single template. So just keep in mind the word single this connects to the posts on your site. So we open single. And we have a look in the list view. And again, you see it's using the default footer at the bottom. So we'll remove the footer. And we'll add the new new footer with image template part custom template part at the bottom here and click save. Now if I come back to my post and refresh, you'll see the footer has changed to that new footer with an image. Okay, so what we did right now was we built a new custom template part. And then we applied that new custom template part inside the home template and the simple template so that the new template part is applied to the site. All right, let me pause there and see what questions have come in on the Zoom chat. So Roger and Laura and where's it seems you've continued the conversation about the files so thank you for doing that. And there was no error message that out text is missing alternate text is missing. Is that related to the conversation is that a new question. I think it was just a comment about when you added the image. There was no error message. Oh, okay. All right. So let me go to Drake's question first tracks is if you have not searched for the new footer block template part, would it appear under the themes blocks within the add block menu. Let's let's quickly check that. So, before I show everyone I clicked on blocks and then I searched for my new footer with the image. But if we didn't search for it. Where would that block appear. And my site has frozen. That's not a good sign. Let's. Okay, let me let me just close that once. Let me open the dashboard and see if we can get back to it. So we're working in the site editor, which is here. It looks okay. All right. So, if we wanted to add. Let's see. So blocks, the new footer with image block appears here. So it is under the theme blocks. You'll see template part header footer new footer with image. Yep. Great. So that answers your question. Lisa, you say your footer has white space below it. Can we remove that so you are talking about this space here. And yes, I believe you can. So, let's see. Yeah, let me just say, yes, you can. And you do it with the dimension, what's it called cold, cold dimension, the dimension sitting of the block. So, you'll have to figure out what block the dimensions are actually on it could be the cover block it could be a group blog it could. You have to figure out which one it is. And so I usually look at the code of this page to figure out where this gap is coming from. But by editing the dimensions here, you should be able to edit this white gap that that looks like it might be it. So what's that dimensions padding bottom. What happens if I click that looks like a block gap. I'm not making any promises. I'm not the one block gap. I'm here being if you. Yeah. If you click on the three vertical dots, and you can try margin. See if margin. Yeah, and then say margin bottom. Yeah, it doesn't seem like the space is coming from the. Yeah, so it's not that. Yeah, it's. Yeah, what's that. It's the themes block gap. All right. Yeah, so it's on the entire content of the page. So that one it does look like you might have to go into the theme file and edit it. I assume you can just use some CSS if you know how to do it. Yes, CSS would probably work too. Yeah. Yep. All right, so you need to go into theme Jason. That's something you can edit with the site editor yet. Hopefully in a update sometime we will be able to edit that. But anyway, okay, so we've made we've edited template parts we've edited and we've made a new custom template part. And finally, we want to make a custom template for this image. So once again, not this image this post. Once again, if we come to the fireworks, you'll see this post all it shows is the featured image and a simple for time. So this is. So, for example, on my blog, I have a few different topics of posts. I have normal posts which is text and updates about my life. And then I also have photo posts I post so they just photos and just like an image from the week or the day or the month. And so for those posts, I don't need text and sometimes I might not even need a heading. I just need a simple clean post layout that shows my post for my image for me. So that's the idea I'm going with him. Most of my posts would have this normal post format with the title and text and comments and all what have you. And but I want a custom template for my photo posts. So that's what we're going to make. So to make a custom template, we come to templates, we click on add new, and we click on custom template so we can add a new custom template to our site. And I'm going to call this my photo. Photo posts. So these are, this is going to be a custom template for my photo posts. Excuse me. All right. So the post, I'm going to leave the header there. But I'm going to delete all the other content and I just want the featured image shown and the simple portal. So once again, I'll open the list view. I'm going to get rid of all the other content on this on the post. So I'm going to get rid of group. I'm also going to get rid of. Okay, I'm going to keep this simple for that. I'm going to keep the simple for that. And then what I want to add between these two is just the featured image of a post. So I'm going to insert after going to click on plus blocks. And if you go featured image post featured image. All right, and you see there's a square here with a slash through it. Now, this is correct. This is exactly what I want. What we're editing right now is not a specific post or page we're editing a template. Now at the beginning of the session, I said templates or the site editor is where you edit the design of your site, not the content. So because we're editing a template. There's no image to show here right now. But what this square means is whenever this template is applied to a post. The featured image of that post will show here. And that's exactly what I want. I want the featured image of that post to show up here. So I'm going to go click save. We'll come back to templates and you'll see now I've added a new template to my list of templates called the photo posts template. Now once again, even if I refresh refresh this post it's going to look exactly the same. And that's because I have to now apply the template to this post. So the template is made. And now I want to apply the template to this post. How do I do that? So I go back to the dashboard. I go to my list of posts. And you see here we're working with the fireworks by the river post. If you click on quick edit. At the top right here you'll see template. At the moment it's using the default template. But if you click that you'll see my photo post template I just created is in the list here. So I click on photo post. I click update. And now when I go to my fire when I go to my fireworks by the river post and I refresh the post, you'll notice there's a header is the featured image and a simple footer. So I built a custom template. Then I applied the custom template to my post. And that's how I got the layout to change here. There are other ways to apply a template as well. So for example, let's see. Happy new year. We want to keep like that. For example, I want to apply the same template to fireworks. So that still has comments and everything. What I can do. There we go is before we did quick edit. If you're editing the post. You can find templates right here. So right under the post settings, you'll say template and single so once again single is the default template for posts. So you click on that. And we can change the template to follow posts from here as well. Click update. Come to fireworks. Let's refresh the post. And you'll notice it's just a featured image with a simple footer. So if you're making a brand new post and you click on new, you can go ahead and apply whatever custom template you want right here from the post settings. So if you make a new post, just as soon as you make the post change the post template here to whatever you want to use. Right. Let me pause there and see what questions and comments have come in. Let's see, gone where to set responsive breakpoints. If you group the blocks you can change the block gap. I'm unsure maybe additional CSS. Depends on the blog that featured image block in the example. Okay. So we have a few questions about resizing the image here and I do want to get to that so. For example, if you look at the fireworks here, you'll see the featured image blog by default feels the entire week of the post, which I guess is okay sometimes. And but if you look over here, that's not what I have on this post. So I actually have gaps on the right of the post. So how did I achieve that. Let me show you. So let's go back to appearance. Edit time. Let's go to a list of templates. And we're editing the photo posts block. Okay. So if you click on the photo, the post featured image block. You'll notice there are settings here to change the width of the image. A lot of blocks have a setting there, but the featured image block does it. What I went over to the block settings, clicked on dimensions, and I added a margin to this block. So you click on margin. At the moment, this setting will just add margins and all four sides. I just want to add it to the left and the right. And then you can use this slider here to add margins. I prefer to add my own numbers. So, for example, I could go 150 on the right. And then on the left, I could do 150 as well. Oops. There we go. So 150 pixels on both the left and the right. We update that. Let's come back to the fireworks post. Refresh the page. You'll notice we now have a margin on the left and right. But we're not quite done yet here. So I think it was done. Where to set responsive break points. So I believe the question you're asking is you're thinking about desktop and mobile. So you want to make this post look good on desktop and mobile. And this post looks okay on desktop. But if I switch it to a mobile view like this and then like that, you'll notice 150 pixels on the left and right on mobile view makes the image tiny. So that isn't exactly what we're after here. So let me come back to the template. At the moment, we set pixels. But what I often use is if you click on this, you can actually change this to a different. Metric and I'm like VW that's view port with. And so that means. So the number I said here is a percentage against the view port with the. It looks at the screen with the current with of the screen. The site is shown on and I can choose what percentage of that. To make margins. So for example. Let's let's make that what 20% 15 15%. And the left. I'll also make that view port with. Make it 15%. So what this says is regardless of how wide on narrow the screen is. 15% on each side margins. Let me save that. Let's go back to desktop view. So let me refresh the post. All right. So you see here we have pretty much the same type of margins on the left and right. And then if you go to inspect. And mobile. You can see it calculates the narrow width of the mobile screen. And keeps 15% of that with as margins. So I haven't actually set break points on like you're asking, but by using the view port with metric. I can set. In a sense responsive margins and paddings. To my block. So I hope that answers your question. And maybe it was something new for some people as well. Let me pause and catch up on the chat again. Let's see. So we have a lot of it's really good to see the communication going. They're like, I'm not even part of it. People are answering each other's questions. That's really great to see. Is there something I should probably catch up on ways? Is there a question that hasn't been answered yet? So yeah, there was one question. I'm kind of responding to that now as well about. Adding. More images to your template. Images, yep. I've just answered it's a team. I think you can get to that question. I think I. Okay. Sure. Yeah, yeah. Yep. Let's see. Can you make multiple photo on? Yeah. We said you can only have one featured image for post. And that that's how WordPress works. Like you can only have one logo for a site. You can only have one featured image for a post. But. You could add. More photos to the post content. At the moment, so we're looking at the photo posts. And template at the moment. At the moment this template only pulls in the posts featured image. However. If you click on insert after. Click on plus. Blocks. If you come down to. If you come down to. If you come down to. If you come down to. If you come down to. If you come down to. If you come down to the theme section. There are other. Blocks you can add to this template. For example. There's a post content block. So. If I add this block. Whatever content is in the post. We'll also show up. On this post. So. If you come down to. Here we go. Theme. So photo posts. At the moment we now have post. Featured image and post content. So once I've added this. If you go into the actual post. And add image blocks in the post content. Those images would also show up. On the post. For example. So. Let's see if fireworks at the moment. We haven't added any other images to the post. So it's not showing up right now. But if I go to posts. Fireworks by the river. And for example. If I add. We also add that image. Add. Another image update. I come back to the fireworks. Then you'll see these images show up here as well. Now. It's all leaning to left at the moment so you can edit that again in your custom template by adding margins and paddings or moving things to the center, et cetera. But that would be how you would add multiple posts and sorry, multiple images. To your post. I hope that answers your question. So then there was also a question from Bob. About. If you can scroll up a bit. About CSS. So you can actually get into your customizer to add. CSS. But if you just want to have a look at that question as well. Okay. Yep. I see that. 2023 doesn't have any dot CSS file. Since it does all the CSS and driver script. I needed to add some custom sound styling. So I created a child being with the style of CSS file. This worked fine. But other than being old school. I don't have any downside to this approach. I'm. Yeah. So what Wes was talking about is. Although right now you can't get to custom CSS from. The menu here. There is a direct link that gets you there. So. Yeah. You just said customize. It's customized. Not customized. All right. So let me let me just let me just do that again. So I can explain what I was doing. So I'm in the dashboard here. And in your dashboard, the ending is probably index dot PHP. So by changing the word index. To customize. You can still get to the traditional customizer. And then here. You'll see additional CSS. So. You can add CSS directly here. The concept at the moment is we want to move away from the customizer and we want to be able to add. CSS to. Well, not CSS, but we want to be able to do all design. I'm editing in the block editor. So the customizer is like a stop gap. It's like a stop gap between now and that future where everything can be done in the block editor. But that would be simpler than making a child. What you did isn't wrong. But this is a bit simpler. You can add the CSS directly to your thing. All right. We are coming to the end of the hour. So. Let me just quickly see if there were any other questions. Can these photos rotate. In the same position. Can photos rotate. I was at this one. Does that let you rotate? Here we go. Yeah. Okay. So. Who was the question from? Inside the image blog. So this isn't related to templates or anything. This is just when editing an image blog. So you can click on this crop. Simple here. And then there's a rotate button here. So. You can rotate the image. It's. None of your grades, but you can rotate images like that. All right. Robin. You learned today that the site logo block is an example of a one block template part. Me. Yeah. Yeah. Yeah. Yeah. Yeah. Yeah. And because the same logo is applied to all areas of your site. Um, Dan, you say you very much like being able to edit everything in the block editor. Great. Because that's where WordPress is going. Um, so. I'm enjoying the block editor as well. I'm not a super duper programmer. Like I know a bit of HTML and CSS, but being able to really. Yeah. Yeah. Yeah. Yeah. Yeah. Yeah. Yeah. Yeah. Especially with templates now, I can make my own templates. This has really. Given people non programmers, the ability to change their site design the way they want. Um, All right. So we're at the top of the hour. Thank you everyone for joining. Um, Did I have any final slides here? I wanted to share. Um, That's it. Yeah. Thank you for attending. Um, Thank you. Thank you. Um, The learn WordPress team is trying to understand what everybody wants to learn. So if you haven't answered this survey yet. The cutoff date is going to be. February next month. So we only have a few weeks left. Um, If you could answer that survey, that would really help us. Um, But otherwise that's all I had prepared today. Thank you everyone for the great interaction over great questions. Um, Thank you so much for joining us today. Thank you so much. And I hope you have a good evening or good morning, depending on wherever you are. Bye. Thank you, Bing. Thanks everyone. Thank you.