The next thing we want to do is add a menu and customize the menu.
So before that though we want to actually update this page because the changes we've made are saved
but they're not updated so let's just click the update page for the home page that we were editing last
time.
Now before we create a menu let's just go back to our pages and see quickly what pages we might be adding
and we'll be adding more later.
But right now I'm just going to add a new page and I'm just going to call this contact.
And so I don't I'm not going to edit it.
I'm not going to do anything.
I'm just going to make sure that the permalink is what I want it.
And this again can be changed later.
But even designs dot com slash content is good so I'm just going to hit publish now this page can't
really be seen from our own Web site yet because there's nowhere if someone actually went to our Web
site to get to it unless they actually typed in this entire Your URL or somehow got to that your.
So now I'm going to add a page and there's lots of different ways to add a page so you can click here
add page click here add new or from the New button add page and let's just add a About page.
OK so wait for it to load the permalink and then click publish.
OK so that's enough pages for our menu.
So now let's go under appearance menus.
So first we want to create a new menu.
So let's give our menu and name which is called this top menu and say create menu.
OK so now we need to add pages to the menu over here on the left.
We have all of the options for what we can add to the top menu.
Here we have our pages.
If you had different posts which we have our sample posts you can add posts to the menu.
Say you have you only have a few posts and you really want them to be accessible from the main menu.
You can add that or even custom links.
So let me add the home blog contact and about page.
I'm just going to click add to menu.
So now if I click save menu and I actually have to now show this display location put it as primary
menu and click save.
Now if I refresh my home page and now I can just go straight to Ebner designs dot com actually and it
will appear.
We have our top menu.
And you can see the order of the pages about contact blog home from left to right.
We probably want to switch up this orders so we want to move home up so let's just move up and then
let's about second blog third and contact for Save the menu refresh.
And now we have that menu looking really good.
Say we want to add a sub menu meaning we hover over a link and a few more options pop up.
What we can do is put any of these as a sub menu by just dragging and you can see that there's two different
spots I can drag it to.
One is the top menu or the top option or if I drag to the right a little bit there's a spot where I
can drop it as a sub item.
So now if I save this and say I put this like so these two blog about under home and save this menu
and refresh.
Now home has a sub menu.
OK so you might not want that for this particular option but say you have some actual pages or sub pages
that you would want to put out there but say you do have some sub pages you want to put under one of
these top menus.
That's how you would do it.
Now let me just show you how to add a custom link which might be something you want.
So you want to also send people back to my YouTube channel for example.
So say I created a YouTube channel and right now I'm just going to send it to video school online YouTube
channel.
I can put the URL there.
And then the link I can type in whatever I want to show up as link I'll just put YouTube or maybe videos
and then add to menu.
Now I can put this and save menu and if I refresh.
Now we have our top menu and we have this video option.
So that's how you add a custom link to your menu.
And then if I just want to get rid of these links I can go ahead and do that by clicking down on this
arrow for any of these links and saying remove.
So let's say that menu one more time and refresh.
Now we have our home top menu.
So let's talk about the colors though because this is an option in our customized settings to change
the color of our top menu right here.
Go to your customized settings under sparkling options.
Hetter we have our top navigation item color right here.
This is the link color.
So we're going to click select color and we maybe want it to be a white or a light gray rather than
that red.
And so let's just choose white and then save and publish.
And now these appear as white if we want to change the Hubbard color we can go down to top navigation
item hover color and say we want it to be orange.
Now if we hover over it it becomes orange and the page we're on becomes orange too.
So that might be a little bit more in line with the brown text color that we're using for our titles.
Let's just save and publish and that's how we actually add and edit menu.
Thanks for watching and we'll see you in the next lesson.