 Great. We'll welcome everyone to today's session about demystifying the navigation block with Bud Krauss. I'm going to go ahead and hand it over to him. Okay Courtney, thank you very much and I want to thank the learn WordPress team for letting me present this. And let me turn on my, let me see if I can get this cook in here. And you tell me if I'm, if I got it right. How are we doing? Can we see everything? Well, yeah, just give me one second over here and we'll get started. I want to hide something. So let me hide. Yeah, here we go. Okay. I think that's good. And let me just do this over here. Whoops, we don't need to see that. And just give me another minute or two of some housekeeping so I can get started and come back here. And here we go. Okay, you don't need to see me anymore. That's enough of me. All right. Hi everybody. My name is Bud Krauss. I'm talking to you today from beautiful nutly New Jersey, 12 miles west of New York City, where the weather is 84 degrees Fahrenheit and it's pretty good day it's not very humid. And it's sort of a nice typical summer day here. So the aim here is to demystify the navigation block. Do a little introduction first and then we'll really get into it so yes that's me. And I promise you won't see any more pictures of me today. You might see this. Let me get this out of the way here. Okay. And it got all kinds of UI in the way. So just give me another section over. Okay. And just want to get this out of the way. All right. See if I can do this now. And I am principally a WordPress. I would say that I create WordPress content for WordPress businesses these days so that's videos, training materials blog posts. This would be for web hosts for plugins for themes for WordPress services, anything to do with WordPress. I'm ready to do content for those businesses and yes I am an instructor so I do teach WordPress, mostly online these days but I used to actually teach it in something called the school. I guess. And then I'm also a reluctant site developer that is you really have to twist my arm to get me to make a website it's not really what I like to do but I certainly have made a few. Okay, and let's see. Here we go. So we're going to do a little survey to start us off. I'm just going to get a little feeling for who's here and what you know. So number one, oh by the way before I continue some of you know this but maybe you don't I'm visually impaired so sometimes it takes me a little longer to read something that you might wonder what's going on here. So number one, I use the navigation block and I like it number two. I'm using it but boy it confuses me. Number three, I'm, I'm thinking of using it and number four. Give me that old time classic menu, the way we used to have it. I mean, in fact, we actually still do. But I want you to go into chat and give me your reply please if you don't mind and Courtney will do a quick tabulation as to what people are thinking when, when we think about the navigation block. So so far we have three folks that chose four. Okay. For 13 people that chose number three. I guess that's why you're here right but you know there might be some number twos and there might even be a one, a number one. Anymore coming in. Yeah. Number twos. And one person that says 1.5. Good answer not allowed but okay. And let's see one, two, three, four, four number ones. Okay, so that kind of gives me an idea I'd have to say I'm somewhat in the two stage believe it or not. And, you know, whatever. Okay, so let's go. I know you're saying really your number two. This is kind of scary. All right. So what exactly are we going to cover today and what are we not going to cover today. And let's let me just say real quickly. We are absolutely going to delve into the navigation block I'm going to do a demonstration so don't worry this is not going to be a PowerPoint demonstration. What we're not going to do though is I'm not going to talk about other kinds of navigation meaning like sidebar navigations where you put in a list of your categories and things like that I am talking about the main menu navigation for your site that you normally find in a header, you could even find in footers to I don't know why this isn't working the way I want it to. Okay. What happened here. All right. Now, where can you use the navigation block the truth of the matter is it doesn't really matter if you're using a. Well, it does actually but you can use it in a classic theme and you can use it in a block theme and if you don't know the difference between the two. I'll tell you right now the classic a classic theme is what you're used to. And you can use this with a classic editor or you could use it with Gutenberg and or the Gutenberg block editor. And this is the kind of theme that you can only use blocks within the page content or post content of your site. So you can't use blocks in the header, the footer, the sidebar, the repeating content or repeating areas of your site. You can't do that with blocks in a classic theme in a block theme, you can use and you do use Gutenberg blocks throughout the entire site. So in the header footer, everything sidebars everything in a block theme is built with using is used is with using blocks and for this demonstration well you'll see I'm going to use a block theme we'll get to that in a second. But can I interrupt you for a second. Yes, we have an ask from the attendees if you can turn on your video so for folks that need to lip read or visually with you. Okay, all right, right. How's that. Yeah. Okay, sorry. Okay, everyone. No worries. Yeah. Okay, so if we can do it that way and people can see me and they're better off that way why not. Okay. So how the navigation block fits into the big picture. Well, navigation. So, and I'm also going to do a little more about this in a second or two but we have templates and in a block theme a template. So, you'll have one for every page that you see whether it's a page or a post or an archive page. There's always one and only one template that controls or sets the design of that particular page. Okay, and within a template we could have template parts. Well like a header or a footer or something else something that could repeat a part. And we'll see that in a few minutes to add in within a template part or a, or an example of a template part would be a header or a footer. And then within the header, we have the navigation blocks so there's sort of a organizing principle behind how all of this works. And I just wanted you to see how this all fits together. Okay, now the navigation block as we'll see has some of its own special like, in essence dedicated blocks that go with it. And you can see there's the navigation block. There's the page list but I'll show you in a second and page links to. The navigation blocks like is I call these associated blocks that are connected to the navigation block, such as setting sub menus and custom links and category links. And we'll delve into all this in a second I'm just setting this all up for you and then additional navigation blocks so we don't just have to put links now within the navigation block. We could put in a site logo or we could put in a social links or we could put in a search tool, and we'll get to that too. Okay, now one thing that I'd like you to know is that although the navigation block has come a long way. It is probably the most complex block in the Gutenberg universe complex in terms of its development complex in terms of its UI. And it's no wonder that I and other people stumble on it and I probably will today, because it has some complexity. And, and although I have seen its development from the very beginning which started I don't know a couple years ago. It has come a long way but yes, it still needs work. Okay, so let's, let me stop talking. I can't really stop talking, but let me do a little demonstrating. Let me clear this out here and let me just get this out of the way again. So, let's give me a second here and we'll do this. Okay, and we'll get rid of that and we'll go to here. And we don't need that. And let's take a look at now I'm going to see if I can do this in full screen because it'll look a little bit better. So let's do full screen. Okay. In this demonstration, I want you to know that I'm using WordPress 6.2 that is the current version. Now, I will also make reference to and time permitting show you a little bit about WordPress 6.3, which will be released on August 8. Okay, and we'll have some changes and some refinements and so forth. And basically the finishing up of what they call phase two, which is the development of the site editor something that will be absolutely looking at today. So we've got the theme that I'm going to use is 2023 it's the stock baseline WordPress theme, and it's just really good for demonstration and for production as well. And also I want you to see that there are no plugins so I'm not hiding anything I'm not trying to do anything I'm just working with the theme so we get a feeling of what does this thing do without tricking it up with a plugin or different kind of theme whatever. This is a real kind of default understanding of how the navigation block works. And just for show. Oops, I don't want again I just clicked on something that I don't want. Just for show. I better just give me a second here. That's not working. I better go back to the non full screen, because that's not going to work for me today. Okay. Let's go over here. Okay, so here's what our website looks like now. And you can see it does not have a navigation because we're going to build it. And the site has, well, I'll show you right now. And over here, it has posts. Okay, just your garden variety posts. And I'm also using categories to so I've already assigned categories to one category to every single post. And I also have pages. Okay. And boy, oh boy. And I also have these pages over here. So we can do some work with the navigation and let's just jump right into it. So here we are appearance and editor. Okay, and this is that full site editor, or they just call it the site editor now. And let's just break this down as follows now. There are two sections in the site editor. There's the template section, and then there's template parts. Let's just take a quick look at templates. And you can see right over here for different kinds of content. There is a template so for example let's just click on page. So this is we're not going to spend too much time with this but this would be the page template. And of course, a page template here is really where you do your work to set the mold, if you will, for a page, or maybe it would be for a 404 error page, archive page and so forth. You see them all over here. In fact, better way to see them is if I go over here, they're all over here. Okay. And these are the templates that come with the 2023 theme and you can add templates but that's another day okay that's another demonstration will stay away from that but you can create your own templates to what we're going to focus a little more on is we go into template parts. And you can see the template parts are arranged like over here, and I want to just drill into header. Okay, and I am going to create a header that will be attached to in essence every template in my site. Okay. And so remember, you know we had template template parts header and navigation blocks sort of one block fitting or one concept fitting into another. And over here in header, I'm going to click on this over here or here doesn't really matter. We're going to have the same result. And now I can begin to work on the header so it would make sense to have the navigation block inside the header night. Again, you can use this block anywhere in the site and you could use it on a page, although it doesn't really make any sense just to put it in within the content of a page. And so one is in a header so that it'll apply across the entire site. And let's take a look at this so right now it now I should tell you before I go any further. If you're using this block for the first time let's say you do a fresh install of 2023. I think what 2023 does as well as other things it'll pre populate your menu. So that's very possible that you'll see something totally different you'll see like all your links will be like listed over here. Okay, that's possible you don't have to worry about that you can start from scratch which is what I want to do. And I want to do this by let's just open up list view, and list view has this group block which I don't want this for this demonstration so I'm just going to kill this. I'm going to remove this. And then I'm going to open this up again. And right over here I'm going to type in the word, or just type in slash, and it's going to be any for navigation. Of course I could have used the inserter as well right over here but it's just a lot easier just to type that slashing and look for the block that you're working with and of course it is the navigation. There's a whole slew of settings that we're going to look at in a bit once we start building our, our menu out. Now there's a couple of ways to do this remember the navigation block is a lot like the group block in that it just holds other blocks. It doesn't really do much and those blocks being links or a search tool or site logo or something like that. It holds other blocks. That's really its purpose is to hold all the stuff together, and you can get started with your links building your links within the navigation there's a couple ways to do that. This is one of the things that confuses people about using the navigation block is that there's sometimes not one way to do something, not two ways to do something, but three ways to do something. I don't, I didn't find anything that you, there were four ways to do something. But so no wonder people like me get confused using this because like whoa, there's so many choices how do I, well, you know how do I figure this out. So, you know, if you're a little confused sometimes about how this works. Well, I'm in your, you have company. So, what I'm going to do is, I'm going to start with over here. Now you can start this way, and I'm going to add a block. Okay, and the block I'm going to add is called page list. Let me just see if I have it or here I don't page link and page list are not the same thing. So page list. Oops. Let me, I guess spelling counts. Let me see. Oops, not page lost list. And here it is over here page list. And what's kind of cool about this is that all the pages of my site, not blog posts or anything else but just pages member page list will automatically be pre populated over here into my navigation. You can see something here I am in that navigation black and you can see something that looks like the list view. So this is kind of confusing I think because here's list view over here, and here's list view over here. All right, so you have page. And you notice like, wait, whoa, whoa, whoa, whoa, these are all locked. What the heck does that mean. Well, don't panic. Now if it's locked that doesn't mean you can't move anything. All right, so, you know, and I think WordPress just takes a guess or the theme just takes a guess as to what order they should be in, but you can change this, and we'll do this right now. What we're going to do is we'll close up this. We don't really need that. And we will go down to, I'm trying to remember where it is. Yeah, we will go into page list. I'm going to click on that. Notice this just changed to page list. That's a little bit different user interface that you're used to you're not used to clicking on something over here on the right hand side, and taking you to another block but that's exactly what just happened. And I'm going to click on the word edit. And now you'll see, I can now move these blocks around I'll just flip this out again here. And I took away all the blocks are all the locks. And if I want to move these it's pretty simple to do. I can drag and drop this into place so for example if I wanted to move this down over here, I could do it that way. Okay. Another way I could do it over here. So I could change the order of these I could do this over here by, let's go back to the navigation, and I could drag and drop it this way to notice to I can, you know, change the labels over here so I don't have to stay with the title of the page I can just change it right over here. So if you are familiar with that if you've used the classic menu which most people have you could always change the label for the link to go back to over here. Let's see what we have yet so I can, you know, drag and drop and change these positions. I also can do this over here which is to, I could add a link, or I'm sorry I could add a sub link which we'll get to, or I can remove the link all together. So this is sort of, I guess the best way to describe this over here is sort of a truncated user interface of the list view itself. And if you click on it you can do something but what about another way to change yes there's another way to change the order here. And that is, I can click on, let's say the navigation. You know I don't want to do this over. Well, I can do this over here so now I've clicked on to an actual page link. And you can see this over here page link over here, and I can move it this way. So here's another way to do so this is the page link toolbar notice that page link is within the navigation block itself that's what this indicates over here. You can also make changes to, if you click on this, and you want to make a change for example, you needed to change the link, or you needed to change anything well here's your edit button. So you can change the URL if you wanted to do that as well and you can again change the, the label so yes I don't blame you. Well, there's like two or three ways to do the same thing, right, right. It's, you know how you want to work with this is, you know, your, that's of course your workflow is your workflow. Now I do want to take another look actually at a different way of creating the menu. So what happens if you say, I don't want to start with how I started how Bud started with using that page list block. I'm going to start from total scratch. Can I do that. Yes. And what we're going to do. We're going to go over here. And we're going to select all of these blocks. Okay. And we're going to delete them all. And we're going to remove. And now we can start from scratch now. I'm really going to start from scratch I'm going to delete this too. And this time. I'm going to say, let's start. Let's get rid of this. Okay. Let's start with a cover block. So we're really going to make a, you know, a better we're going to make a good header here or what I think is pretty good. So we'll start with the cover block and right over here. Okay. And we'll put in a cover block background image. I'm going to go over here. I went to Italy last year so I could take pictures for this very day. Okay, that's the only reason why I went. So I take a picture from here. Okay. And then I am going to select over here the cover block. Well, let's make sure I'm in the cover block would seem like I am right now. Okay. Again, I want to get rid of list view. And we'll make some changes over here. Let's have a fixed background. So that's what I'd like. And I also would like to change the style area over here. I want to change that overlay to make it a little bit lighter. Okay. And I would just like to put in over here. Just the words. Okay. And oops, not okay. Why am I, oh, I know why. Hold on, we'll get to straighten out here. Okay. I'm two for two. Okay. And I think it's a little better. And we'll just leave it right over here. And then on top of this, so that's my cover block with. Yeah, I really should probably change this over here to transform this to a heading. And we'll make that an H one. Okay. And we'll just leave it right like that now on top of this. I want to insert my navigation block. So in fact, I don't really want to put it on top of this over here. This is a whole. What I'm really working on again is the header and you can just see over here it says header remember I clicked on the header to start. So I want to add right in this area over here I want to add the navigation. So for that let's use the list over here. And so right above the cover block. I'm going to insert before. Let's go over here. And we'll put in the navigation. Okay, so now I could put the navigation on top of the cover block if I wanted but I'm not going to do it that way I'm just going to do it right over here. And let's get out of here and you'll see I've got something started over here, not really. I'm going to put in my links right over here so we've before the first example I showed you how to add your links to start with number I went over here, click done right over here and started, you know, page. I use those page link block this time. I'm going to add them in one at a time so home. Okay, the next one I want is contact. You notice when it says contact right over here it says page so it tells you the type of content that you're working with might be a category it might be a custom link it might be a blog post, but I don't want any of those I just want pages it itinerary. Okay, and then the last one I want to add is blog. Okay. I have a question bud. Okay. Oh that's right we do we do questions that's right. Okay, just one so far from Michelle. Can you get rid of the space between that nav block and your cover image. No, I mean, I think what you're talking about is this space over here. It's a function of the theme itself now could you do it with custom code the answer is yeah you could do it with CSS. But I'm not going to do that for today. And well let's take a look at how this all shakes out in a few minutes how and how it's going to look. So, I'll address that I think when we see it a little better when you know I actually show it to you. Okay, so, so we have blog over here, and I am going to just save this. I don't know why this is. This is not my day for you I pop it up zoom you I pop it up all over the place on my screen. I'm going to save this and let's save this over here you got to save it twice when you're dealing with templates and template parts. There's a to save step operation. Let's have a look now at what it's going to look like. Alright, so we now have before we just add home. And we're starting to have something that's going to look like the navigation. All right, and if I click on let's just see anything over here. Contact. Let's look at blog. And here's my blog and oh you say like, well, you know you know what this well this is something in the template that I think I'm going to address in a minute or two so hang on to that one. And let's just go back to home. Okay. And I want to work on this. A little bit more more specifically I want to work on the navigation. And I want to look at some of the options I have in the nav navigation toolbar now. This has been changed. This used to be a lot more options and they've really pushed them all into over here so that's where if you've been using this a little while or confused. They stuffed a whole lot of these options over here on the right hand side. And the navigation settings, there's really not much left what they really have left to do is to, let's say justify in the center. Okay, so that's really about it. And the usual three dot options that you get in any toolbar. Now I'm going to do a little more work that I want to style it. Yes, I'm going to give it a try. So, here's the navigation settings. You have three main panels. One is that list view that we talked about earlier. Now I'm going to take a look at over here some of the settings settings if there's such a thing. And you can see here's the orientation just so or the justification so again, it was just, you know, we had it in the toolbar and now you have it over here. And this one too is kind of interesting. You can also orient your your list or your navigation vertically when I don't want I want horizontal. I'm going to click down over here when it comes to design. Let's say you want. Now, do you want the mobile hamburger icon or the mobile icon to appear. Let's say we'll see in a second if I just open up this. Okay, so here you see it over here. Or do you never wanted to show. Okay. No matter what screen resolution or what device the design is in. Or do you always wanted to show, which is kind of like what everybody's doing these days or it's a very typical design feature I see now no matter what site it is, you get the hamburger menu I think it's kind of an interesting approach to design. Anyway, I'm going to leave it over here the default which is in mobile that just like that. And then you can also change if I click on this over here, you can change the style of the icon. So I went to or three lines for the mobile or for the yeah for the question. Okay, you don't like you don't like the hamburger icon is that it. Yeah, or question slash comment from Jean. Okay, if you put the navigation and cover in a group and have block spacing as zero with that work. Yeah, not for this. Well, let me just show you something. So you're talking about let's just do. Let's just save this. Okay. And Jean said not sure if the two different blocks can be set to have margin zero. All right, well that's, yeah that's go ahead say ask that question again and I'll give you my quickie answer without doing it. Yeah, if you put the navigation and cover block or the navigation and cover in a group right have the block spacing zero would that work. I don't know, but that's a good approach. Good thing to try maybe we'll get a chance to try it. I don't I'm probably going to run out of time. But that is something you can, you can definitely try I don't know the answer to that question. Okay, I'm sorry. No worries, but if we get a chance, we'll have a look. Yeah, we have one more question. Okay. Actually, we have to. Can you put one block on top of another, like in the nav be positioned in the middle, or top of the covered image. Well sure I'll do that one real quick. Okay so for example. If I want the navigation block to be, let's say inside the cover block like so. Let's see if we can get that to to work. Yeah, it should work. See sometimes this thing could be a little stubborn let's let's close this up over here and let's try it now this way. Oh I know what I want to do. Let's try this. Okay. Okay, so now you can see it's below. Okay, and the answer to the question is, I guess the question is, can you put the navigation block on top of the cover block. That's the beauty of the cover block is that you can put all kinds of stuff on top of what is a background image or it could be a video to. So, I hope that kind of helps answer the question yes. I think so. So if we didn't answer the question. And the last question is, can we change the background color of the navigation bar or the individual links. Okay, okay. You're getting way too far, you know, come on, did you read all my notes here is that somebody got a whole of all my show notes. Okay. So, what we're going to do is, we're going to undo that. And here we go. So the answer to that question is what I'm about to do which is I'm going to take this out. And let's take a look at styling options here so here we are in the navigation yes I want to make sure settings over here navigation and over here since we've already explored these two. Let's take a look at the styling options over here. And you can see yes you can set let's do the background color first, and we'll use something kind of funky I guess so at least it shows up all right and and then we will use a little text color here. Let's say we would do. Okay, not a great color contrast but you get the idea that you can do it. Now let's have a look at where we are and in fact one other thing I want to do is as long as we're dealing with style we can go down over here. And let's just make this for because I like things large. Okay, and let's just save this. All right, and we'll go over here and take a look. All right, so you see you still have the space over here and I think somebody was asking about that question. Now, I don't know the answer to the question whether or not we will get a chance I don't know what if you put through the whole thing into a group block with this space go away. I am not sure but we can try that later on so hold that thought. And what do how we doing on time Courtney. We have about 18 minutes to the hour. Okay, all right. So, so, yeah, I usually go a little bit long winded but we'll get there. All right, so let's let's go back to here. And now I do want to do. I want to add. So I said there's more to just adding links. But before I get to that. I'm going to show you you could add sub links right so you know a lot of times are obviously sub menu so I'm going to click on where I want to add the sub link. And you could see yes I'm in the page link over here. And what I want to do right over here this is the sub link logo so I click on that. And now you can see I'm in the sub link and where it says add a link I'm going to click on that. And then I'm going to say Arlene because she's a category. So not Arlene over here but this Arlene over here. Let me see where is my Arlene right over here. Okay, so I want to use categories now is my links. And I'm also going to add another one and it's a little tricky to see but here's a little plus sign over here that you can add. Is there another way to do it yeah there's two other ways to do it but I think this is the fastest way to do it. And then I'm going to do scenes. Right, and that's a category. Okay and one more. And come on how could you not have food when you think about Italy right. I mean no such thing as a bad meal. And again, it tells me I don't want to post I don't want food one food to I just want food, the category. I want to make sure I have the right link to put in and it's category. And you can actually change if you want different backgrounds over here for the sub menu and the sub menu links you can do it differently. And then I'm going to. Okay, and now we'll just take a look over here, we're going to refresh. And, and you can see here's my sub link so if I click over here. And you'll get category are lean. Okay, so you get the idea. So for all those posts that has the category are lean. She has her own archive. Okay, now I said that you can add just more than just links into the navigation. And so for that let's find where the navigation is okay. We're right over here where we should be the navigation. Fine. I'm going to add it just by now I could add it over here. Okay, I could say because these are all this little button here is going to give you, and you can now see to look at the blog the way that's set up. The same thing over here and I'm, I'm interrupting what I was going to say so if you're wondering what's going on here. So right over here you can see the right over here you have the three links over here. Okay, and you can see these are category different little icon here for categories. Okay. Now I wanted to add new or something that's other than a link. And the one I'm going to pick is I'm only going to pick. There's only a couple you could add site logo you could add search and social icons, and I'm going to do social. I'm sorry I'm only going to do search. So let's go back to here and I'm in the navigation, and I'm going to put it right over here. And you can see down over here. You can see, I don't know why they say transform it doesn't make any sense to me but you could add the search block. Okay, and that's exactly what I'm going to do. Now I know it looks kind of weird. I'm going to save it. And we'll just take a look over here. And. Okay, so yes, it's not a thing of beauty. Okay, I get it. But you can see you can at least have a search tool now built into your navigation as well as as long as I'm here. Let's just do this over here. I want to add. No, that's not the way to do it. But over here, it's the way to add is a way to add. I'm going to do a site. Let's do site logo. And now I, this is something I picked out earlier, and I'm going to not put it over here I'm going to move it. So let's just move it over here. Real quick, or as quick as I can. And yes, you can change it. This just came from earlier one of the things that you'll notice when you're working with a navigation block is very persistent that is if you've done something in the past. WordPress will remember what you did and use that as a basis to start what you want to start and then of course you can change it so by changing it, you would just click on replace and find a new image for it. I'm going to leave it like that. Okay. And if you notice to look at this you get a little, your little icon or your little site logo goes up over here. Now, one real important thing. And that is, if I go over to the navigation. Let's see, let's go over here. And let's go into navigation. Okay. And I'm going to click out of here. Now look at this over here so I'm in the list view, or I'm in the set I'm in this list section over here navigation. If I click on these three buttons over here. These are navigations that I've already made from previous, you know, exercises. Now, one thing I've learned is that although you can clear all the contents out of your navigation, you can't get rid of these. Okay. Yes, you can in WordPress 6.3, but a WordPress 62, which is where I am, you cannot. And if I am wrong, please somebody tell me you're wrong, because I'd like to know how do you get rid of them what you can do. Now, so this is kind of cool over here. Notice it says import. Where's it over here. Import from a classic theme. So I was playing around earlier with a classic theme, and I created a menu inside of the classic theme like, you know, we used to be able to do. So if you did create a menu, let's say you were moving from a classic theme to a block theme. Here's a way to import that menu in into the navigation block so that's kind of interesting I didn't try it but that's what it's saying. And if I want to create a new menu or new navigation I would just click on over here, and I can start all over again. Okay, which I don't really want to do. So you can see now there's four. This is a new navigation. So a drawback of this which is going to be resolved in 6.3 is you can't rename these, you can't duplicate them, and you can't delete them. Oh, but that's why we have WordPress 6.3, because all of that is addressed in the coming version of WordPress 6.3. Now what else do I want to show you before I start wrapping things up or show you some of 6.3. I actually have to look at my notes for a second and while I'm doing that does anybody have any questions. Yeah, we actually do have some questions that have built up. Oh God, interesting time. I'm nervous. Let me interrupt you. Okay, no, it's a good time to do it. Yeah, yeah, definitely. So the first question was what happens if the name or phrases in the nav becomes longer than one line. There is a, I don't know. So let's say you used a label that's really long. You could get it. There is a function or a feature, I guess. Let's go back to see if you change these up. You can see, all right. And right over here, let's click out of there and right over here. There is right down over here. I think that was like wrapped to a different line or I forgot where it was. Maybe it's in style. I think I just saw it before you collapsed. By the way, before, before I move on any further, you can. This is, you can change your spacing over here between the links with black spacing. It's kind of clunky, but you can do it. And as far as the question about wrapping here, right. So this is the default position, right? This is the fall. And I've never tried it like what happens if I had a really long text link. I generally like to have and most people do too is have these as short as possible for, for some obvious reasons, but okay, any, any other there's something else. Yeah. Do you know if the sub links are automatically navigable using the keyboard only or a screen reader. I don't know. That is a really good question. Yeah. Wow. Let's have a look. Okay, so I'm going to just use a tab key. Okay. I'm just tabbing around. Let's just refresh. And let's just see if we can take a look at that. It's up here. Yeah. Okay. No, it didn't open it up. Did you see it didn't open up. So it doesn't look like it does. Let me just try it one more time. And while I'm doing that, let's answer another question if I can. Okay. Next question was, can we edit links to display the resulting page in its new own new browser window. Is that question, can we open up a page in a new tab. Yeah, so can you edit the links in the nav. Yeah, yeah, yeah. So here's how you do it. So real quick, if I was in home and let's say, right here, very good question. See, I like when people ask questions because then I realize, oh, I forgot to tell you. So, right over here, open a new tab. Okay. And that would do it easy. Okay, yeah. By the way, you can also do custom URL. So, you know, you can just add a link, let's say you wanted to add a link over here, type in a URL over here, and then and then save it and you would automatically know. Yeah, let me just see if I got that right before I go any further with what I was about to say. Right navigation. Hold on a second. You could do like a custom link over here, then type in the URL. And it would, let's say, to an external website, or even to your own website, you could just, you know, you could do it that way to that's called a custom URL. So, all these different types of links, page links, post links category links, custom URLs, they're all you could all, these are all link types that can fit within the navigation block. Okay, take my word for it. This I know. All right, any, any other questions. The last one is, what's the best way to edit the search option. I've found it not, I'm sorry, I've not found it easy to change it to make it look nice. That is a really good question and there is no real easy answer, except I think you might be able to do this better with well it's. Let me just take a quickie look at that in six three, and it'll be definitely different. I'm six to it'll definitely be different in six three colors. No, I guess, let's see. Background, I just, I'm going to, I'm sort of guessing here. No. Yeah, that's just for the whole thing. No, I don't know the answer to that, but I do want to show how much time do we have because I want like a couple minutes to show six three if that's possible. Yeah, we're, we're, we've got all at the end. So, let's do the questions. Okay. No, we're done with the questions actually. Okay, all right, so six minutes. Oh, perfect. Okay, so let's take a quickie look at six three, which does not have what I would call breakthrough changes with some exceptions. Okay, so it's more of a refinement and a finishing up of phase two. Let's do here over here and WordPress 6.3 over here. Okay, so this one now is the same site using WordPress 6.3 beta three so still kind of buggy. And I hate buggy stuff because I say why doesn't this work, but it's because it's beta that's why. But if we go over here and you'll see right away some pretty major changes. So now instead of before in six two we have two sections we have template and template parts, no more. We still have templates. Okay, but template parts now has been all busted up and changed. And you can see navigation now has its own section. Okay. And if you click on that you can start to create your own navigation. And let me just get something. Again, this UI stuff is just driving me nuts. So with the navigation, let's go back here. Let me just see if I can remember. Yeah. Right, so here is the big new thing that I was talking about. You can rename it. You can, you can delete it. And you can duplicate. Now how would you start a new one. You would think there would be an easier way to do that you just really start a new one, or you really, I think the best way to do is just to duplicate and start and rename. Okay, so there isn't really a real nice way of starting something new. Like for example, by that I mean look at this over here if I go over now to patterns. And this is where a lot of the template parts are going to be now in patterns because they really are patterns. So for example header. I can create a new header, or I can just click on this over here. And this will look familiar if you've been using the black editor, except it's now over here so there's a lot of things in in six three that are like, Oh, it's over here now. Because there's a lot of reasons why it's evolved from six two to six three there's there is some rationale behind it, but you would just put in your name over here and you would just create a new header and you can create a new header this way. And then inside that new header, you can start a new navigation. And you can have different headers for different types of content for your site so you don't have to have the same header throughout the entire site but I already did that webinar. One thing that as long as I'm just talking about six three, and I'm about to create a video for instant WP on what's going to what what's what's new and WordPress 6.3. But one of the, I think, big highlights if there is such a thing there is let's go over here real quick and I'll just show you that if we go over here to templates. You'll see that there's now a thing called pages. That's not right. Where is it manage. I'm losing my. No, it's right over here I'm sorry it's right over here pages not in templates pages. All of your pages will be listed here. And if you want to edit, let's say, I created this page called contact. I can now edit the content of this page. This is not a template but I can now edit the content right in here, rather than having to go out of the editor, the full site editor, and into the actual page. And it's all going to be eight what they call a unified editing experience or unified block experience or something like that. In other words, what we're used to having sort of a bifurcated approach to working with WordPress that is, we have the site editor design and we've got the, you know, the pages and posts over here for content. They are merging those two together that is the big breakthrough in 6.3. And, you know, wow, that should be really confusing. I'm still working my way through how that all works. Any other questions because I do want to share one final thing before we go. Courtney, are we good. Yeah, we're good. Oh, give them that link. So, remember we had that link. So, Here we go. So one last little piece over here. And we'll pick this up and we'll finish right now in a second or two. Just give me. Yeah. Yeah, let's just go through here. And I've got this stuff to get out of the way. Right. Okay. And we'll just go over here. All right. So where to find me stop. Yes, I'm on Twitter, get this out of the way here so I enjoy of WP because that's me and please follow me and I will follow you I promise. And then I'm also on Slack. So you can meet me there and talk to me on Slack in the make WordPress workspace or in post status one of the other are both. And then finally, let's see. So I just want to thank you for coming but wait, there is a little more. If you want to email me, you can see my email address, or you can take a screenshot or user. These are actual QR codes they actually work. So you can get your email address at my email address and my website into this two little codes there. And that is all I wrote. So, you know, I'm happy to answer any question now, or if you want to email me and ask me a question. I'm usually pretty responsive. I'm very responsive so I'll be happy to do that. Yeah, I know to respond to available way to available. I hope, you know, I know that was a bit of a whirlwind because there's a lot to pack in there and, you know, don't get confused by this remember the most confusing thing is that there's usually more than one way to do something. Okay, that's, you know, and always keep in mind that all the stuff we're talking about fits inside of the navigation block. It's just a block. Okay, don't let it like it's so scary. It's not really. Okay. So Courtney thank you and thanks to the learn WordPress folks too for letting me do this. Yeah, thank you bud. And we don't have any other questions that came in. So it looks like we're all set but yeah, if you something comes up for you afterwards, definitely reach out to bud. We have a lot of content info that we shared. And if folks are interested in contributing to learn WordPress as well. I'm also on the make WordPress slack so you can find both of us there. Now, what's one thing before we go you did send out my link to my blog right. Yes, I did. And if you subscribe I promise I won't bug you with a million things you're like a million newsletters. Okay, I don't have time to send out a newsletter every day I wish I did. But you know once in a while I talk about something that's new or upcoming or pay attention to whatever. So you'll find it pretty easy. All you have to do is go to any page in my blog and you'll get that annoying little pop up to ask you to subscribe to subscribe. Yeah, yeah, excellent. Well we know where to find you. Yeah. Again, but yeah. Thank you everyone for being here. There's a lot of gratitude coming in the chat but just thank you folks are thanking us. Thank you guys session. Thank you. Yeah, thank you everyone. I'm going to go ahead and stop the recording.