 The biggest upgrade we've had in the Gutenberg blocks is actually the navigation block. Now, with the Gutenberg working so hard to have a frontend editing, we see that the navigator, which is placed in the layout element, is one of those blocks that will allow us to basically have your whole editing of the page right here in the editor. So when you choose to create from all the top pages you have this available for you. Now you of course you can add other URLs links let's say if I wanted to add a Google link to this I am able to just paste it out and you actually see it's very intuitive when you add a page and you're online it actually picks it up and then it will add the information that you need so for example this I added as Google but I can actually click enter to actually just change the URL and I can click this just to see why it's leading me. Once you create links like this one and we add another one let's say we're going to do AOL for America online we're able to move them across the the the the board and have maybe this just going to the far right and so we'll have all of this starting up you have the option of adding some menus here so I'm going to add this as a home page and then I'm going to of course add another I don't want to go an extra layer deep but I'm going to have let's say this is going to the contacts page and you can see this is already going layers deep but I don't want it to be layers deep after adding a couple of links here I'm just going to save this an update and then I'm going to go back to our page refresh it and then see how this looks like on the front end so we have our menu here and you can see from here that it has a link down this is going to really change the way we view WordPress or how we use it in that we'll have the opportunity to do all our editing right inside here so there is no need for us to actually build a navigation outside this so you just get this let's say you've created everything that you need and now you're removing these other links that shouldn't be there so I can remove that come here remove block it makes sense for me so I can add a hello it's going to find for me the link first so I can add the link first there which is a sub menu of this I can add another item and say this is going to go to yahoo.com and as I add that that will be URL so you actually see they are on the same level I can say maybe this is going to spreenland.com assuming that is an available link so if we update here come back reload yep we have our sub menu on our menu inside our content so that's what the navigation block does for you so please check this out enjoy it let me know in the comments what you would like to know more about this but while we are still here you can actually see that these different links as you put them here you have a title attribute so I'm able to change it and say chocolate so this is going to go to chocolates we can add a description and say link to chocolate channel and maybe this is our channel for youtube and we want to have it on chocolate we need to add a nofollow link to it and then of course you can add css through the additional classes so when we update this will come back here reload and not to get you off guard actually have that information here so when you right click here and you see this you will see that it has a title of chocolates if you just hold your mouse over you'll see it's called chocolates and that's what we were looking for when we added this title attribute so that's how we had navigation to our content this is the way Gutenberg is handling content now and as we head towards having front page editing this will be very key for end users and people who create content because it will allow them to do their menus right here we have without having to go into appearance then they go to menus and created they are able to create just a simple menu in one page and actually what happens is if I go to my home page here you realize this is only in the content of this page if I go to another place I will not be able to see that if I go let's say to the sample page in my content you don't see that menu so the navigation is only stuck to where you want it to be so the one way we can use this over and over and over again is we can make this into what we call a reusable block so what I'm going to do is I'm going to select all these items and add them to the block so we have the whole navigation block which I really messed up it has an option for selecting it to make it full width or you can leave it as wide width to stay in the middle we can actually see how we have leveled up and we can even add more levels of content here which you can edit and which you can edit or you can even remove and just keep it as simple as it was so I'm going to select the whole block here I cannot change it so much we can actually make it into a dark dark into a dark style or we can leave it as light or we can even change the text color and say we are going to apply the text colors that come from the palette that we have provided and so we can even use a custom color here so let's go for something that is a bit brown so that's the color we want this is the color of our navigation if I get the whole navigation we can add a different style to it let's say if we want it to be dark we can add an anchor text to it so that we can link from any part of the website and just link to this particular section of our page of course we can add additional stylesheets through custom classes of CSS and I'm going to make this into a reusable block and I'll call this my nav okay so once I save this it means I can just replicate this anywhere in the pages that I do have so I'm going to come to the sample page here that comes by default in wordpress and I am going to add that reusable block and I can start by typing my which is not coming so I'll go for reusable as I am typing reusable you'll see the available reusable blocks that I have and I remember saving it as my nav and once I do that I can update this here and then we'll go to view page and if we view page we actually see we have the same navigation that we had in the other page so this is how we use reusable blocks they don't they don't have to be navigation only they can be paragraphs they can be images it can be a gallery it can be a cover image so we can save this and reuse it over and over and duplicate it over our pages without writing any other lines of code we are just sticking to what we have here in our interface so that's how you use reusable blocks now I remember in an earlier video I told you would go to the block to the reusable blocks manager so what I'm going to do is I'm going to click manage all I'll just update this and leave it the way I did find it so we're going to go to the manage all reusable blocks and we'll see the reusable blocks that we have here and we can export this all as JSON if we wanted to and keep it somewhere or copy it from one site and use it in another site by just importing this JSON and we can also use this just to to trash if we need to trash and we can also use it let's say to if we wanted to to just edit we can also edit the particular blocks that we have so right now I click edit and I can just edit this without all the other content coming in so my my space is actually clean and I can just get this and add more links let's say I'm going to my blog so I'll add a blog in there and then just hit enter and then I'll just move this around and say I need the blog first and then I'll bring the the homepage just before all the others so I can move this to the right and move this also to the right and once I'm done I'll update this so if you look at this structure and look at what we had initially I'm going to reload this page and you'll see that everything changes by me just editing the reusable block so this is a perfect example for us to see how we can use navigation navigation blocks and at the same time use them as reusable blocks in our content in our page now if I don't want this block here anymore it doesn't have to stay there um all I need to do is come to the edit select that block and then just come to the options remove it move the block itself update on this page we will not be having any other blocks here but if we go to our content in our hello world you're going to find that we still have our block right here so just because it's a reusable block when you remove it from one area it doesn't mean it's lost in another so you can only use it only in the areas that you need to use it so that's a wonderful feature that comes with a good handbag and I am enjoying just using it the the best you real life experience usage that you would have is maybe you have um a media you're using a a median text block and you just add here your life size let's say this is your bio so that's your picture and then you talk about yourself and you say I am a professional photographer so if you are a professional photographer and you've added all the information you need to share with everyone else you can just save this and say I want to add it to my reusable block and I'll just call it bio so once I hit save this is ready to be replicated on any page now unfortunately I've added this to my reusable block called nav and if I update here uh and then come back and reload this page you'll see that this automatically comes with the navigation all through the times but if I don't need this in the nav I'll remove it update come back and reload here the nav still sticks but if I want to add this if I want to add the other reusable block in any other part of my content and we're going to add this at the bottom here so we're going to add the reusable block bio so when we add it there we actually see that it's here uh I'll update this uh let's go and see what it looks like on the front end when I reload you'll see that our bio is actually here and the beauty of reusable blocks is actually seen thank you for watching this video in the next video we're going to be looking at the other blocks that are in the widgets section I hope to see you then