FREELessons: 17Length: 2.3 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.6 Building and Maintaining Menus

Welcome to the final lesson in this chapter of your WordPress tutorial. As I was saying previously, every website has some sort of menu with links to various pages. This is used as a primary means of navigation, and WordPress makes creating these menus super simple for us.

In this lesson you’ll learn how to create and edit a WordPress menu and then use it in your website. Let’s begin.

3.6 Building and Maintaining Menus

Welcome to lesson number 10 and the final one in this chapter. Now, as I was saying previously, every website nowadays has some sort of menu with links to various pages, and this is used as the primary means of navigation. WordPress actually makes this task of creating menus really simple for us. In this lesson, you'll learn how to create and edit a menu, and then use it in your website. Let's begin. To create menus, we would go to Appearance, Menus. Here you can see all of the menus that are created, or we can create a new one. So let's give it a name. Let's call it My menu. Hit Enter, and now our new menu is created. So now what we have to do is basically select which items we want in our menus. Do we want pages? I can grab these two, I can click Add to Menu. I can grab posts. Let's add that to the menu. I can use a custom link and I can add that to the menu, or I can add categories. So let's add that as well. Now once we've added these in here, we can actually change their order by simple drag and drop. Or we can make certain pages be sub-items or sub-menus. So for example, here I made my page a sub-item of sample page. So let's go ahead and save that. And now, if we do a quick refresh, you'll notice that nothing happens. We don't actually have a menu. And that's because here is the way it works. We need menu locations in order to display menus. So each theme has one or more menu locations defined. And after we've created our menu, all we have to do is assign a menu location, right? Is it at the top of the page or the top of the website, in the main header? Is it at the bottom of the page in the footer? Is it somewhere on the side, in a side bar maybe. Where these locations are depends from theme to theme. But to find out what locations we have, we can go in here in the back end under Manage Locations. And as you can see, this theme has three menu locations. We have a primary, a footer menu and a social links menu. So if we are to define our menu here in the primary location and save changes, when we refresh there is our menu. There is the first page, and that's the drop down. That's the external link and that is the category. If we want to place this menu in another location, for example in the footer, we can do that as well while keeping it in the primary as well, all right? So here it is, in the primary location, but also we now have it in the footer. And of course we can assign it to the third menu location as well. Now, we can do this assignment from this page as well, where it says Edit Menus. Under My Menu, you will see the existing locations and you can check which one of these you want to use to display that menu. So now, we just selected footer menu. If we do a refresh, the menu is now gone from the primary on the top but it's still here at the bottom. So again, we define our menu right here, we add menu items, and we choose a location for that menu to appear. If you want to delete a menu, we can click this link. And if we want to add a new menu, well it's super simple, we just click this link, create the new menu. Let's call this Second menu and we're just going to have these two pages. Okay, save, and let's choose the primary as our location. So now, doing a quick refresh, will show us our Second menu in the primary location, and our First menu in the footer location. And when you go back to edit them, you just select which menu you want to edit from this drop-down. My menu, for example, select, and you'll be taken to the editing page for that particular menu. All right and that concludes the second chapter of this course dedicated to content management. In the final chapter we'll mainly discuss customization. So, in the next lesson you'll learn about the WordPress customizer, what it is and how you can use it to change various aspects of your website. See you there.

Back to the top