WEBVTT 00:00.180 --> 00:04.220 The next thing we want to do is add a menu and customize the menu. 00:04.230 --> 00:10.350 So before that though we want to actually update this page because the changes we've made are saved 00:10.380 --> 00:15.720 but they're not updated so let's just click the update page for the home page that we were editing last 00:15.720 --> 00:16.260 time. 00:16.260 --> 00:21.750 Now before we create a menu let's just go back to our pages and see quickly what pages we might be adding 00:21.750 --> 00:23.440 and we'll be adding more later. 00:23.460 --> 00:28.720 But right now I'm just going to add a new page and I'm just going to call this contact. 00:28.950 --> 00:30.720 And so I don't I'm not going to edit it. 00:30.750 --> 00:31.800 I'm not going to do anything. 00:31.800 --> 00:35.040 I'm just going to make sure that the permalink is what I want it. 00:35.130 --> 00:36.870 And this again can be changed later. 00:36.880 --> 00:43.080 But even designs dot com slash content is good so I'm just going to hit publish now this page can't 00:43.080 --> 00:48.710 really be seen from our own Web site yet because there's nowhere if someone actually went to our Web 00:48.710 --> 00:53.920 site to get to it unless they actually typed in this entire Your URL or somehow got to that your. 00:54.000 --> 00:58.260 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 00:58.290 --> 01:06.490 add page click here add new or from the New button add page and let's just add a About page. 01:06.760 --> 01:10.290 OK so wait for it to load the permalink and then click publish. 01:10.800 --> 01:13.230 OK so that's enough pages for our menu. 01:13.230 --> 01:16.740 So now let's go under appearance menus. 01:16.950 --> 01:19.010 So first we want to create a new menu. 01:19.080 --> 01:28.750 So let's give our menu and name which is called this top menu and say create menu. 01:28.760 --> 01:33.950 OK so now we need to add pages to the menu over here on the left. 01:33.950 --> 01:38.300 We have all of the options for what we can add to the top menu. 01:38.390 --> 01:39.910 Here we have our pages. 01:39.950 --> 01:45.070 If you had different posts which we have our sample posts you can add posts to the menu. 01:45.200 --> 01:51.190 Say you have you only have a few posts and you really want them to be accessible from the main menu. 01:51.190 --> 01:54.220 You can add that or even custom links. 01:54.260 --> 01:59.830 So let me add the home blog contact and about page. 01:59.960 --> 02:02.580 I'm just going to click add to menu. 02:03.020 --> 02:11.990 So now if I click save menu and I actually have to now show this display location put it as primary 02:11.990 --> 02:13.820 menu and click save. 02:13.820 --> 02:20.480 Now if I refresh my home page and now I can just go straight to Ebner designs dot com actually and it 02:20.480 --> 02:21.170 will appear. 02:21.200 --> 02:22.680 We have our top menu. 02:22.970 --> 02:28.990 And you can see the order of the pages about contact blog home from left to right. 02:29.060 --> 02:35.300 We probably want to switch up this orders so we want to move home up so let's just move up and then 02:35.300 --> 02:44.120 let's about second blog third and contact for Save the menu refresh. 02:44.510 --> 02:47.060 And now we have that menu looking really good. 02:47.060 --> 02:53.740 Say we want to add a sub menu meaning we hover over a link and a few more options pop up. 02:53.840 --> 03:00.200 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 03:00.200 --> 03:02.060 spots I can drag it to. 03:02.090 --> 03:06.920 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 03:06.920 --> 03:09.340 can drop it as a sub item. 03:09.440 --> 03:17.900 So now if I save this and say I put this like so these two blog about under home and save this menu 03:18.500 --> 03:19.550 and refresh. 03:19.550 --> 03:21.620 Now home has a sub menu. 03:22.530 --> 03:30.610 OK so you might not want that for this particular option but say you have some actual pages or sub pages 03:30.610 --> 03:35.710 that you would want to put out there but say you do have some sub pages you want to put under one of 03:35.710 --> 03:36.760 these top menus. 03:36.760 --> 03:38.440 That's how you would do it. 03:38.440 --> 03:42.330 Now let me just show you how to add a custom link which might be something you want. 03:42.430 --> 03:47.800 So you want to also send people back to my YouTube channel for example. 03:47.860 --> 03:53.860 So say I created a YouTube channel and right now I'm just going to send it to video school online YouTube 03:53.860 --> 03:54.750 channel. 03:54.850 --> 03:56.470 I can put the URL there. 03:56.700 --> 04:03.760 And then the link I can type in whatever I want to show up as link I'll just put YouTube or maybe videos 04:04.450 --> 04:06.340 and then add to menu. 04:06.760 --> 04:13.860 Now I can put this and save menu and if I refresh. 04:13.910 --> 04:16.850 Now we have our top menu and we have this video option. 04:16.940 --> 04:20.410 So that's how you add a custom link to your menu. 04:20.570 --> 04:25.820 And then if I just want to get rid of these links I can go ahead and do that by clicking down on this 04:26.060 --> 04:30.010 arrow for any of these links and saying remove. 04:30.420 --> 04:34.150 So let's say that menu one more time and refresh. 04:34.550 --> 04:37.870 Now we have our home top menu. 04:37.910 --> 04:43.880 So let's talk about the colors though because this is an option in our customized settings to change 04:43.880 --> 04:47.120 the color of our top menu right here. 04:47.180 --> 04:51.020 Go to your customized settings under sparkling options. 04:52.230 --> 04:57.230 Hetter we have our top navigation item color right here. 04:57.240 --> 04:58.500 This is the link color. 04:58.620 --> 05:05.970 So we're going to click select color and we maybe want it to be a white or a light gray rather than 05:06.030 --> 05:07.080 that red. 05:07.410 --> 05:10.480 And so let's just choose white and then save and publish. 05:10.500 --> 05:15.630 And now these appear as white if we want to change the Hubbard color we can go down to top navigation 05:15.900 --> 05:20.550 item hover color and say we want it to be orange. 05:20.550 --> 05:26.400 Now if we hover over it it becomes orange and the page we're on becomes orange too. 05:26.430 --> 05:33.930 So that might be a little bit more in line with the brown text color that we're using for our titles. 05:33.950 --> 05:38.990 Let's just save and publish and that's how we actually add and edit menu. 05:39.000 --> 05:41.460 Thanks for watching and we'll see you in the next lesson.