How to Create a Navigation Menu Transcript:
Okay so in this video I’m going to show you how to create a Navigation Menu. Let’s get started!
Okay so now that we’ve created some pages, we’re going to go ahead and add these pages to our Header Navigation Menu. So I’m going to show you how to do that. First you’ll want to go to the left hand side and you’ll want to scroll to APPEARANCE and click on MENUS. Once you get to the menu screen, you’ll want to create a menu name. So typically you’ll want to call it something like the Primary Navigation or Footer Navigation. That way you’ll just know which one you’re talking about. So I’m just going to call mine the ‘Primary Navigation’ and click CREATE MENU.
Now that we have the menu created what you need to do is you need to add some pages to it. I already have three pages that I have, an About Page, Resources, and Contact. I’m going to go ahead and check all of these and add it to the menu. Now I have these three pages. One of the other things you can do with this, is you can actually add some custom links. In this case, we don’t have a home page link, so I’m just going to go ahead and create one. So I’m going to click on this down arrow. I’m going to type in the address of our website. And then I’m going to give it a name. So I’m just going to call it simply ‘Home’. Click ADD TO MENU.
Great! So now we have four pages that are on our menu and what you can do with this menu is you can actually drag these pages up and down. What this does is it changes the sequence of the order of the pages on your website. So, from the very top to the bottom is basically the very top is the farthest left and the very bottom is the farthest right. Depending on how you want to sort your navigation menu you can rearrange it as so.
The other thing you can do, is you can create sub pages. So let’s say I wanted to create an additional page under resources. So for example let’s say I had a page that was about Products and let’s say I’m going to put a fake address right here. Let’s say I called it ‘Products’ and I’m going to go ahead and add this to the menu. And I’m going basically put it underneath Resources but make it indented. Just like that.
I’m going to go ahead and Save this Menu so you can see what I’m talking about. Oh! Before I forget! One more thing we have to do before we can see the Navigation Menu, you’ll want to go to the top where it says MANAGE LOCATIONS. Go ahead and click on that. And then you’re going to select which one you want as your primary navigation. So we’re going to go ahead and click PRIMARY NAVIGATION and we’re going to Save these Changes.
Now we can go ahead and refresh our menu. Let’s see what we get. Okay so now you can see we have a navigation menu on the top. And as you can see when we back to the menus page, they have an option of saying “SECONDARY NAVIGATION MENU”. So if you wanted to use a Secondary Navigation Menu you can basically uncheck this and I’m going select PRIMARY NAVIGATION under the Secondary Navigation and click SAVE CHANGES.
Now this is where our previous menu was, I’m going to go ahead and see where the new one shows up. Okay so now you can see that the secondary navigation menu is underneath the title. It’s really up to you how you want the look and feel of your website. If you want your menu on the very top or you want it on the bottom. Or you can have both! Maybe you want to have two different menus with different types of content.
In this case I’m going to actually, I kind of like the secondary navigation menu to be on the bottom. I want to show you a few things. First, as you can see the title ‘About Anthony Tran’ is kind of long. I want to change this to just maybe ‘About’. So I’m going to show you how to do that. The other thing I want to show is under Resources we created that sub menu.
So if you highlight over Resources you can see there’s a new menu that pops up right underneath it and it says ‘Products’. Your menu can basically have a whole bunch of sub menus as well and it just kind of keeps your format of your website really clean and easy to navigate. So just something to think about.
Let’s go back and re-edit some of these wordings and kind of clean it up a bit. So you go back to your menu, you’re going to click EDIT MENUS. You’re going to go ahead and click this down arrow first. And I’m going to change the navigation labels. You see how it says ‘About Anthony Tran’? I’m going to go ahead and delete “Anthony Tran’ just leave it as ‘About’ and I’m going to go ahead and close that. And there was also, ‘Contact Us’.
I’m going to go ahead and change it to just ‘Contact’. Now keep in mind, when you delete this, this doesn’t change the title of your actual page, it just changes the way it looks like on the menu. Once you have it the way you like it you can click SAVE MENU. Okay so let’s go ahead and refresh and take a look and see what it looks like. Now that looks a lot cleaner! I have my HOME, my ABOUT, RESOURCES, and CONTACT. I hope you guys enjoyed this quick tutorial on how to create a navigation menu. I’ll see you guys in the next video.