 Welcome to create a four page wordpress website number two frame it create your header and footer websites hat and shoes So the first thing that we are going to do is we are going to create our four pages So we're gonna head to our not here I was I was playing I was styling my site to make sure that it was looking the way that I wanted it to But I'm gonna head to my dashboard. So wherever you are, you're gonna want to head to your dashboard as well and Goodness gracious my computer is loading slowly. Here we go. So I've got a theme installed And we're going to actually add some pages here. So you're gonna head to your pages and at new And the reason that we're gonna do this and these these pages are just going to be left blank But the reason that we're doing this is that we want to be able to have links from our header To each of these four pages that that we would like on our website So they're gonna stay blank for right now. We'll get to them in a future session But we're going to create them. So some suggestions are going to be your home page You're about page your contact page Maybe your services your products if you're doing a small business or if you had a different four pages That is totally fine So right now Let me actually I'm gonna talk about this in a second Right now if you look at your pages if you just click on pages rather than pages add new You'll notice that you've got, you know, just a brief sample page here, which you can view if you want And a draft of a privacy policy And you'll notice that the things that I styled last time Exists on this page already and you'll also notice that it's not perfect yet You know, it takes a lot of design redesign Just experimentation and playing with it So you can see some of my styles on here and those will be transferred to every new page you make Which is one of the beautiful things of site editing Specifically with the block editor just because you can design once and it just automatically gets applied So let's start by creating each of our four pages. So right now I'm going to add a home page and a bout page. I think a contact page And I think so for this one, this is a bird blog that I'm redesigning from scratch Um, I think I'm going to have like a parrot's page like different types of parrots. So rather than a services page So I'm going to do this now and I would like you to do the same thing. So I'm going to quit pages add new If you attended last time, you'll see your styles are right here I'm already noticing that certain things like this this color here is not particularly accessible I'm definitely going to need to fix that later. But for right now, we're just going to name it and leave it blank I'm going to click this publish button here. It's going to say hey, are you ready to publish? The answer is yes I'm just going to do that a couple more times. So there's my home page. I'm resisting the urge to start styling it or fixing things that are wrong It's okay. We're going to thrive in the imperfection today So now I'm going to make my about page publish it make sure to double click it every time Get back to my dashboard by clicking the w icon It's again at new Now I'm going to add a bird page. So you do Same thing Just like this five publish that excellent The last thing I'm going to do is I'm going to remove the sample page. I don't like that hanging out there So what I'm going to do is I'm going to click this trash button This does not delete it forever. What it's going to do is put this in a section over here called the trash If you click on it it explains a little bit over here Um, you can either restore pages from the trash or you can delete them permanently But do know that this is not reversible unless you back up your website ahead of time So I'm just going to trash anything that I don't need It's going to move it on over so that way it's hidden over here And when you're ready when you have your four pages and know you can always delete things later change things later This this just gives us a basis for our header to work from Go ahead and write ready in the box on the right Pages page to look a little like this It's like Lucy's ready speedy. Yes jeans ready as Roberts is ready. Well done y'all It's a couple more minutes just because if you're brand new to this it can take just a little bit longer Thank you for designing with us today. So I did that you're doing that Oh, and I had a note to myself. Haha. Excellent. Looks like a couple more people already So one thing that I want that I'm going to hit home quite a few times over the course of the series Is the difference between your site editor and your pages and posts editor? Um, so what we've done now is we've created these four pages So last week's session we worked on our themes. We were working in the site editor And that is your theme structure. It's look and feel its colors the way your fonts You know appear and function and work and all of that Maybe not function either way, but it's all about structure. Whereas this is all your content So anything that you write on your about page any any contact form you put on your page if you go to appearance and themes and you decide to switch your theme Anything that you put on those pages will move with you the colors will change the fonts will change um Now I'm regretting putting this in the in the trash. I'm going to restore this so that you can see it But it's important to know that you you know, you can always change the look and feel Of your website. So I've got this sample page. It's in the draft form right now. It's not published But anything that I write any quotes any images any videos I can change themes and this will stay colors will change fonts will change structure will change But this is always yours and always ready to go so We're not doing that today, but it's a really important concept and it's a little confusing when you first get started So just remember when you're looking at the black and white dashboard here Anything in pages and posts anything you put on those pages that does transfer with you But now we're going to move into our site editor. So to get there we're going to head to appearance an editor While that's loading someone asked a question in the chat if the change the theme and the colors are lost Will they come back to how we had it if we return to the theme we set up colors in? Yeah, great question. The answer is yes So I have this theme here I can't remember what it's called But let's say that I switched from a a different theme as long as I don't delete this theme out of my dashboard All of the choices made in last week's session under my styles up here Those will revert. So they like they when I say revert they will come back So if I were to make this and change it from blue and green to I don't know red and black And the red and black is what I had left it before I can switch back to that So really great question that saved me a couple of times when I've not backed up my website ahead of time Always back up your website before making major changes Always good to know So here we are this is your site editor. This is the look and feel colors fonts the way things are arranged Generally on on your page And today we're going to be working specifically on our header and footer Which I have said multiple times. Okay, you need to like top middle school repetition repetition repetition So we're now and we're going to work on something known as a header template parts And what we're doing here in the template part is not going to transfer. So what we're going to do We're going to start with our header. You're going to click on your icon up here Right now. It's probably a w if you've set a site icon or logo that may be a slightly different icon You're going to click on template parts And you're going to find your header in your theme now You'll notice I have two here this theme apparently comes with two you may have more you may just have one um I think Trying to remember so if you're not sure which one to pick like hey, which one are we looking at on our home page If you actually just click into this sidebar over here The way to tell is through your list here and we're going to go over these tools. So just a minute Um, but it looks like I am using the header transparent So this is a list you this is a list of every single block in your website If you're brand new to block themes or WordPress This list view is your very best friend because it really lets you target what you're looking at So my template part that we're working on is header transparent and apparently the theme author left me a note But now I know okay if I'm going to go into my template parts looks like it reopened there Note it will not be visible in template part. Please go through the front page site editor Huh, okay, so I picked an interesting theme yours will probably be a little bit more straightforward Oh, I see what they mean. So I'm sure this is a feature not a bug. It sounds like this is very intentional I usually recommend that you always edit your header template parts Here uh in this template editor Um, but For whatever reason this one just isn't showing up the way that it's supposed to so you stay here unless you have something weird like I Discovered I'm going to head back to the other way that you can edit your template parts Which is just through the template editor ever to talk about what they are and just a quick little video for you um But I'm going to click in here See this is my front page. I believe Yes So this is my front page So what I'm going to do is I'm going to use my list view again And I'm going to make sure that everything that I do here is going to be within this purple template part So if I click on group You can see that a little bit of a blue outline has been selected So I'm not going to be working necessarily on anything in this group here. I am specifically working on what you see up here Everything is different. So this uh, this button allows me to expand it. You'll be able to see it Um, but you definitely want to work in your template parts So we're going to start working on that today and We have a quick video on template parts So to familiarize yourself with what these look like you could always watch this later through learn.wordpress.org If you would like to find this specific video later, keep the link to that in the chat All right, I am going to press play you should be able to hear this I'm actually gonna double check this just because I Just a quick second Catherine can you still see me anywhere? Yes, I can see you but not your screen. It's oh there we go Okay, there we go beautiful here my screen. I'm going to make sure that the sound is on Here we go Here we go. All right, just double check this If you visit a well-designed website Just skip to the end instead of making a full screen. You'll notice that of course I did There we go one of its strengths is in its consistency its headers footers And sidebars often have the same or very similar content to make it easy for viewers to find the information they are looking for No matter where they are on a website To get this effect do web designers have to build their headers footers and sidebars from scratch on every page in their website The short answer is no with wordpress block themes web designers use a feature known as template parts By the end of this tutorial, you'll be able to describe what template parts are and how they work Edit a template part and remove and add a template part to a template First what are template parts? Template parts are a point and click no code way to create edit and use the same headers footers and other template parts Across a website automatically applying them to any post or page template that has been set up to use that template part Template parts allow you to design a header and footer once And give you a singular place to make future changes such as if you add a new page Want to change the colors with a company rebrand or completely overhaul the look and feel of your website Find your template parts first head to your wordpress dashboard Please note that this feature is only available with wordpress block themes not classic themes From your dashboard hover your mouse over appearance then click editor From here click on template parts You will be taken to a list of a theme's existing template parts Some block themes provide more or fewer options But almost all come prepackaged with a header and footer like you see here in the 2023 theme From this screen you have the option to edit an existing template part by clicking the name of the template part Then the pencil icon next to it Let's start by editing a header Most headers provide at minimum the site title and navigation menus to make it easy to find things From here I can use the site editor to modify my header template I'm going to add a site logo and site tagline to this header template part Once I save it this change will be applied to every template that uses this header Let's see this in action I click the icon in the top left hand corner then use the arrows to navigate back to templates Each template that uses this template part has been updated to include the new logo and site tagline From the index page to the 404 page I only had to design this template part once A word of caution while you can edit the template parts in their specific template parts section It's important to know that you also have the ability to edit a template part in any regular template The changes you make to a template part in the template section will also be made across other templates that use this theme For example, imagine that I want to add a cover block to just the header of my home page If you look at my list view, you'll notice by the indented blocks that I am working within the header template part Not on this individual template, which means that the cover I add here will also be applied to every other template that uses this header template part You can see it here on this 404 page To avoid this mistake always use your list view to ensure that you are not working within any purple highlighted text Template parts that might be used elsewhere on other templates have a double diamond shape next to them and are indicated by the color purple What if you want a different header on say your home page, but you would like the rest of the website to have a standard header In this case you would want to make a new template part First I'll navigate back to the template parts dashboard from here. I can click the plus sign to create a new header I name it header front page Select the header template part and then create This will not automatically take me to my new header. So I need to open up my menu again by clicking the top left hand icon Then selecting the template part I'm now ready to create my new header In fact, it's possible to put a template part inside of another template part like you see here Designing this way would allow me to change my logo site title site tagline and navigation links in one template part The header and have that change automatically also affect this new template part for my front page It's one way that you can design twice, but only edit once This can save you time in the future. So you don't have to update both header template parts if something changes This step is optional, however And if you find it confusing feel free to simply design a second template part here Now let's add this new template part to my home page I'll navigate back to templates I'll select my home page and the pencil icon to start editing this template First let's remove the old template part to make room for the new one Using my list view. I locate my header template part. I select the three dots next to it and select remove header I would like to add my new front page header template part above my content So I use the list view again to select the three dots next to the top block in my list view and select insert before From here, I can either use the plus signs to access the inserter or type slash header or slash template parts I then select template parts block I select the blue choose button I then select the new template part that I created earlier and voila My new template header part has been added just to this front page Because my other theme templates are using the header template not the header front page template It will only appear on my home page. Take a look You can use this process to create, edit and use other template parts such as for your footers or general other template parts such as if you wanted to create a sidebar area Remember the goal is to design once and edit once and have all of your changes automatically apply elsewhere. It's a time saver Please visit learning.wordpress.org to learn more about site editing Or find this video Happy designing Thanks past Sarah. I appreciate that. Okay, let's keep going All right, so we've got a question if you want to revert back to the original version for customized template part How is that done a variation of this question came up recently in the fixing wordpress.org community forum Okay, that's a really good one. So let's say that you are experimenting and I'm going to I'm going to show you this a little bit Just really quick. That's a really good question that a lot of people definitely need to know let's say that I I'm editing all of these and I So see what I've got Let's say that I remove my site logo and I unfortunately have no idea how to put it back. Oh my goodness I just I want to try again So I've removed that from the header there This change is being applied everywhere because it's all underneath this this purple template part If you head to Your wicon slash sign icon and logo and head to that template part Click on this button down here manage all template parts You'll notice that there is oh, that's new This used to be indicated by a blue dot now it says customized So this means that any changes that I made have been applied Now you should be able to you can clear customization So what this is going to do is revert it to the default theme that came out of the box when you first got it and it'll just do it on This header part like it's not going to undo what we did last week with our styles and our fonts So let me just clear this customization and now because I have my note this won't be like you can't edit it here apparently I'm going to head back to my template where I can also edit this And we're going to see in theory that site logo Should be right back Perfect. There it is. So let me click into this I had also customized this before because I was I was having a little bit of trouble Getting this to to show up I will fix it again And we can talk about troubleshooting that towards the end because there are certain things that will happen in every single theme But you'll notice my site logo is right back there so Really really great question. I love it okay So I have a question for you the learners that I would like you to answer Just no right around answers like in your opinion. What is the purpose of a website header? Why do most what I'm sorry, why do almost all like really solidly designed websites have header So why have a header? And maybe what makes a good header and it might just be like what are some qualities that you like in a header I know for me, I really like drop down menus Drop down menus make me happy Lisa says brand recognition easy navigation. Yep Jean says consistency throughout the site the same expected navigation. Yes, it makes things easy to find You know, you see it once your brain memorizes it. You can find it again Really great customer experience navigation It's kind of like the table of contents for the whole website. Wow. Imagine if books had that just like a sticky header very top of every page That would be fascinating somebody tell Kindle. Anyway So there's branding your logos all of that So, yeah, um You clearly have the greatest answers. Ah, this is why I ask you you say that better than I ever could So you've seen a lot of these tools in action here I think I want to do next I think I wanted to talk about Some of what these tools are just really quickly so people can see them So you're going to find that your site editor has a lot of tools um So I've got this thing says template reverted. I wonder if I can undo the template reverted Oh fascinating, so You'll notice. Um, there's a couple of buttons here that are wonderful This is your one of the places where you can use your insert or this is where you can add Brand new blocks or patterns or these are all the different things and we're going to experiment with these a lot more later To your templates and technical parts You also have the edit select mode. I don't use this a lot Catherine. I don't know if you use this a ton. Um, but basically Well, I'm not actually sure what this does. Let me click and see I'm curious. Do you do you ever use this Catherine? I have never used that never If someone knows why that that button exists, I'm sure that it does and that some people use it all the time I very rarely do. I'm always in edit mode Which is the default mode, but you also have your undo buttons and your redo buttons. So you'll notice that I had my template reverted But I can also redo it apparently you can undo revert itself. That was interesting. So I'm going to redo it. See if that works Does not oh, yeah So you can see that my logo disappeared as well So my undo button goes backwards and forwards your list view is your very best friend This helps make sure that you're editing what you need to be editing and nothing that you don't um You also have a view button This is super handy up here because you can see what your website will look like on different size screens Oh, so like this is what this would look like on a cell phone Um, and you'll like you'll notice that again. It's not perfect. There's some white text in here There's going to be some things that I need to play with Resist the urge to to try and fix all of the things all at once today I'm just working on the hats and the feet But you will also be able to see what your header does On different things. So if I click this view button, you can see that on mobile My navigation turns into these two little bars here and you may Be able to adjust that depending So that's really helpful. We'll probably look at that a little bit later Um, we worked on global styles last time. This is the overall look and feel of your website um, but yeah, let's uh, let's maybe Get started working on our headers today Um, so that's just a very very brief overview. You will use these tools a lot But I was thinking and we're going to see how this goes Um, that we were going to do some breakout rows here because there are I feel like there are going to be two sets of people here, right? There are going to be people who have never like they don't know what site titles taglines logos and icons If these are new words for you, you're not sure like how they work Um in a google search engine, for example, like what shows up and why I think you should stay here and we'll talk it through so like you can see this is the website that I'm recreating here um You've got well, let's be going into it. I'm not going to go into it yet We're just going to talk about how to set it and how it transfers between websites So i'm going to set up a breakout room if these are new terms for you and you're like, wait, what goes on google? What's a logo? How does like all of that stay here? Um, we're also going to talk about like how to find images and editing resources So if you don't have a logo if you don't have a site icon if you're you know You want to put some images in your header or you don't even find these resources stay in this today um And then breakout room We're going to make a breakout room and this one is about creating a sticky header So let's say that you are familiar with titles taglines logos and icons There's a new feature that you may not be aware of about creating a sticky header um Catherine is going to run that video and I think I might have to take over the bottom part But um, yeah, so it's all about like how to make your header stick to the top of the page um Yeah, so I am going to we're going to do this as a test run now. I'm going to Go to my breakout rooms Breakout room number one I'm opening all rooms if you would like to learn the very basics stay right here site titles taglines logos and icons If you would like to learn how to make your header um stick to the very top of your page um by all means um Join that breakout room and Catherine will share her screen So I'm trying to the breakout room should be open. You should be able to find it Looks like a couple people are finding it. It's the first time ever we're doing this today right Just a couple more A couple more minutes and we're going to talk about choosing your site title tagline all of that jazz If anybody's having any trouble start to let me know if you're having trouble going to the other breakout room but I think Just about done. Excellent. Okay So let's talk about your site title taglines logos and icons. So I'm going to head To this I'm going to make sure that I'm working in my header I'm using my list view here to expand that you should be in your template part um here You will have quite a few things. So we've got a lot of things grouped together groups rows all of that page lists um I think I have a video for you at the end of this that'll talk about like how to manipulate this How to like put things next to each other versus on top of each other um, but for now Let's talk about Our site titles taglines. So the first is your site title. So I called this the very beginning birdie blog redesign um, and all you have to do to edit this title is Select it you can select it with this right here Click it And I'm just going to call it birdie blog because that that's what my actual website is. It's birdie dot blog Obviously, this is not live right now, but this title whatever you name it here Does switch from theme to theme So if you do decide to change your mind later use a different block theme go back to a classic theme Whatever you write here does transfer the way it looks its colors. All of that is different So when this goes live, um, that is what is going to appear on google So it'll just say birdie blog right up here So that's the first little bit um, the second little bit is Using a a tagline. So the tagline is what displays What you actually need to know about parrot ownership apparently it's a little too long. You'll notice like google cut that off, but you can see um A couple other things like the birdie edit a wedding blog from the editors at birdie gray like that's a short tagline That's what appears there. So You may be looking at your theme You may be looking at your theme and actually a star which is asked a really good question Is it possible to have a title that shows up on google but not on the actual site? Yes, is the correct answer Um, so what you're going to do here is you've got your site title. You should have a site tagline Let's say that you don't right now Um, i'm going to remove this site tagline Here just to show you so let's say that your theme didn't provide a site tagline But you know that you want that to appear here So this is a feature that you can add and remove. So what i'm going to do to add it I'm in my list few here. So double click these three dots Double click the three dots next to site title I'm going to right insert after And this may appear to the right to the left I I've got a good little video for you to to help you figure out like hey How do I put things side by side in just a minute but for right now? Let's talk about adding this tagline um I'm going to write this tagline. So one thing I noticed mine is Too long. So I may rewrite this um for now Think too hard. It's just gonna be parrot trials Tribulations, maybe real parrot trials and tribulations So I've added this here Oh, it's just a paragraph. Oh, make sure that this doesn't say paragraph. So this is just text What we need to do You can either type a slash here or you can use this little blue insertor here This is a little easier to see. So I like to use it. This is your block insertor We're going to look for the site tagline So I'm going to select that right there and you'll see now change to the right site tagline real Trials and tribulations from a parrot ball. Okay, good enough And I can always make sure that I save it here So however, it's looking Um, wherever it is just by writing this here Even if I remove my site title and tagline wordpress should Include that here in in google search and when you're first getting listed in google, it does take like Six to eight weeks. Um, there's not really a way to speed it up other than just having an active presence on your website There are a couple other things that's outside the scope and sequence of this Um, but do know that it's a good idea to to do a site title and tagline If you don't have a tagline, it probably will show up something like this where it just says like ben and birdie This doesn't have a site tagline. Neither does that. So it's just the title So it's really up to you, uh, whichever one that you want. I really like having it on there It's it's really lovely that way. Um, yeah, so that's that's really good to know So start by giving yourself a title and a tagline and then we're going to move on to Maybe a logo Yeah, we'll do a logo next Let me know when you are ready I'm gonna go into design in just a minute Gosh, I may need to make another one just on footers y'all It's a lot to know All right, I'm seeing some readies here. Okay So you should have A logo not all themes come with that if yours does great, you'll see a little great out box over here. Um I am going to use my site icon One thing that I'm noticing is that this is going on top of that. That's just okay I'm going to release myself. I'm going to press insert after In this row, I'm going to move some things around here and you can see it's going to go here Because I would I generally like my logos on the left So now I'm going to use my inserter and search for a site logo So here we've got a site logo and you've got a little upload button here So I'm going to select this button. I'm going to select this files and I'm going to try and remember where I put my site logo because I Definitely did that was it Are you vlogging bitches? No, I'll use I'll use my pirate sitting pair logo here parrot pirate rescue. Why not? So you may have the same problem that I'm having which is that like I don't I don't have a logo But if you add it here, um, you're going to have several different options And this logo is not what appears here. That's a site icon. So that's something to know You'll notice most of these websites except for mine because apparently Have this this next to it So whether you want a logo or not, it's a good idea to do this because it teaches you how to um How to get to the part that allows you to create this icon here or the icon that appears, you know in the tops Of someone's name. This is all about brand recognition being able to have people, you know Find your tab very very quickly So as you're playing with blocks for the very first time You'll notice that you have several options appear. So this is selected with my list view I make sure that site logo has appeared And this this little menu bar will pop up on any different one that you select and we'll get to navigation in a minute But for this one, you've got a lot of options here So this is the type of block that it is you can change it to something else Some themes allow you to change the style from a square to a round one I'm noticing that this isn't changing. So that makes me think that maybe it's only happening on the front end That sometimes happens. Um, nope. Nope. It changed. I just had to save it This is only true with certain themes though. Um, it looks like when I have it selected It looks like it's square. So and this is just something that is improving all the time And this is one of the things that they just had the developers haven't quite gotten to Um, so that's just something to know You can also take it out of the logo section. You can move it with these arrows Back and forth to see how things work. Um, we're gonna this will be in a row I have a video for us. We'll probably end this and then talk about What are so we've got 15 minutes? So we'll get there. You also have the option to crop your logo now, which is brand new So you can do that you can change it to a square you have all of these different standard ratios you can pick And you can see the lines before you you make that change. So It's a it's a really cool feature. It's brand. It's not brand new, but it's it's new to block themes You can zoom in on it. You can turn it upside down like all of this is brand new You used to always have to do this in a photo editor. So it's really kind of cool to step Once you make those changes make sure you click apply. Otherwise, they won't stick And then you also have this option here for a duo tone filter So for example, if I wanted to quickly make it black and white, I could do that If I wanted to make it black and blue I could do that as well that kind of matches might my colors a little bit better And you can also pick different things. Some of these will be preset by your themes Sometimes this option is turned off entirely based on your theme, but I think most do include it by default So just keep that in mind The other place that you can edit this is in another tool over here These are your settings. So they are in addition to this bar here. They couldn't put everything in here There are so many options. So when you've clicked your site logo over here If you click your settings, you'll notice that you can do quite a bit. For example, you can make it enormous Or small you can also click these two dots to do the same thing and you'll notice that it changes there I think that that was made to make it more accessible. You can decide. Hey, I want this image to be a link Or you can turn that off and not And then the last thing here is your site icon So we've talked about the g up here the w all these little tiny icons that that search engines list along the side You can also choose to use this as a site icon So if you leave this switch on you've set your logo you save it even if you remove your logo That icon will will be there Now the thing about side icons though is that you'll notice this has words on it pirate parrot rescue This does not make a very good site icon. Imagine if it was condensed super Like super small into this you are also welcome to select a different site icon and this is the way to find it by selecting site logo in your list view Opening up your settings and clicking the site icon settings So you'll notice that it's set up there. It's itty bitty like you can't even read that like that kind of looks like a frog That's not going to work. So you can click either remove which will completely remove it Or you can upload a new one So I had another one more birdlike than frog like slightly better You have the option to crop this image And we will publish this and say So if you are following along go ahead and set a site icon or site logo Does anybody need to know where to find a um Like where to find images that you are free to use for an icon or a logo and say yes or me or I do where do I find images? Just let me know It's like I have some some resources for you Otherwise set a site though Set the site icon Sure free images are always useful. Okay Great questions. Okay So if you're just doing this by all means continue set your site logo set your site identity We're going to watch a video on the end that's going to teach you a little bit more about positioning um And I think we're probably going to have to add a Thing on footers because we did get them. There's so much to learn when you're new and that's okay So to find free images, uh, you've got several options. My favorite is pics of them Just because a lot of these images, um, you can search for like parrot And they are royalty-free You don't necessarily need to use attribution and you can also find things like vector images, right? So like I can do all images photos illustrations or I can say hey, I want something that's more logo like And when I select it I don't think it actually looks for a parrot, but you can see that they're these are more More logo like so you can take these you can modify them. Um, sometimes Very few will require attribution. So just check out the content license here Free to use under the content license and no attribution required The other one that is open source and done by the WordPress project is openverse.org These have stricter rules and requirements But you can search for content here and then you can search for specific Specific licenses so If I'm looking for a parrot, there's all of these images here. I can say hey, I want to you know modify or adopt this I select that Um, certain ones will come up here. I can say hey, I want some that are you know have the public domain mark anyone can use it You can see that different options appear and you can look at each of these and what they are there Um, so that that's where I found these images was through this But by just clicking on this, this is hey, you're in the public domain. You're allowed to use that or hey This has been marked as dedicated And there's all of these different licenses, so if you're creating like a business website Like a lot of these are like credit the creator it talks about it You can read about that just to make sure that you're using it appropriately and you don't get in trouble At a later point for first stealing somebody else's work. Um, so it tells you what you're allowed to do with these things Um, but you want to Attribute things to people so and it has links to that so yeah And I am going to find my options here breakout rooms Thank you all for staying here. I'm have to find my breakout room options There Everybody should be able to see that much That's one more thing So we are going to finish Oh, that's Robert's just asked a great question. So it is possible to Have a site title in time and on google would not split on the site. Yes So in order to do that, I'm going to show you how to do it And that's also true of your logo and of your site icon The rest of my website go Hold on y'all Not sure if my computer is having an issue or My theme is uh, I think it's my computer though actually I have an update that I haven't installed. There it goes. Maybe Okay, something odd is going on. I think with my computer. Come on thing load load load You go to my front page Added to this There it goes. All right So in order to have um your site title and tagline but not have it on the front page and I I apologize. I do think that my computer is having some technical difficulties at the moment It's just it's loading things very very slowly. It shouldn't be So I troubleshoot it later But in order to do that, let's say that I wanted to set icon You'll notice the w have been replaced by the site icon that I picked And you want a logo? All you have to do Is delete it. So this is my birdie dot blog This is just my my title I can choose to remove it or my site tagline is also on this page I'm not sure why it's white again. I think it's my computer. It's not a connection issue just because this is locally on my website I've never actually had this happen. So of course it would happen during a live workshop But you can choose to remove it and it will stay I believe from from here to google I generally recommend having at least a site title the tagline doesn't need to necessarily be there But you can just remove it And you'll notice that if I go and read it. So Start this after site tagline If you can see it You'll let me double check the deals if you can see it now. Again, my computer is just having it's on the struggle bus today Real trials and tribulations from a parrot mom what I added before just got re added is still stored by wordpress So, yeah, let's let's finish up Um with a quick little video and then we'll we'll call it for the day You'll work on your headers and I think I'm going to schedule another one for footers at a later date Um, but let's uh, let's watch one last video so that you understand how to put things side by side and Your homework this week will be to uh to work on just your header So here we go If you have any other questions feel free to ask them in the chat and I will try and type out a response Other tutorials that covers how to customize a header pattern Press in today's tutorial. We are going to create a new header using various types of blocks The header is one of the most important areas of any website It's the first thing that visitors see when they get to your site and first impressions matter A typical header usually has a logo a site title a navigation menu and other elements such as social icons Today we are going to build two different headers using various blocks and also look at how to add a header pattern Let's get started. I've created the pages for my site and I've installed a block theme 2022 And this will give us access to the site editor where we will be able to manage our templates template parts and site white styles If we click on the editor It will take us into the site editor And at the moment this template is using one of the headers or template parts that is provided by the theme You can customize this header or create your own We are firstly going to create our own headers to do that. We will make our way to template parts Now remember a template part is a block type used for structuring your site such as headers or footers Here is the list of template parts that come with this theme We will click on add new top right to create our own new header template part Name it appropriately In this case we are going to call it row block And select an image from our media library. I will go ahead and enlarge it slightly Once I've done that I'll open the list view And after the site logo I'm going to add A group block As I want to stack blocks Vertically Then I will go ahead And insert The site title block And below that the site tagline block Next make sure you select the parent block Click on the insertter And add your navigation block The next important step is to use your list view And select the site logo block as well as the group block And put them together in a row using your block toolbar And then Select the parent block Open your sidebar settings And below justification Select space between items And now you will have your site logo Site title and site tagline on the left and your navigation block on your right And lastly I will change the background color of the header to gray And once I click on the color I can customize it as I please When I save the template part I can make my way back to the home template Once here we merely click on replace And select the template part we just created The next thing we can do is create a bit of space between the header And the rest of the content on the page by using a spacer block Okay so you just saw that process there For the sake of time we're going to pause it here I'm going to get you a link to this video though In case you're like well that's really interesting I'm going to use this as a resource going forward There is that Yeah so your homework for this is to create new header with blocks Please keep an eye out on learn.wordpress.org If you or on Meetup or ever you happen to find this But if you would like to also build your footer I'm going to try and make it a little bit more hands on So more of a I'm building a footer you're building a footer type thing But in order to find our upcoming workshops You can head to the calendar here that I am sending to you But this should give you a really strong foundation for building your your header And also start it's also building the foundation of working in the site editor So we're going slow to go fast here But yeah I think I'm going to look ahead for the next week or two here And we will maybe have a create a four page wordpress website 2.5 footers So yeah, so that that's our time today I'm going to answer just a couple more questions because you're asking really good But just know that you can find this here You will also be able to find this recording Well, let me pause it here so that you don't have to watch this part in the recording Hold on stop recording