Today you’ll learn how to add a navigation menu in WordPress. WordPress has a great drag and drop interface for adding menus to your site. The number of menus and their locations are based on which theme you are using. Let’s create our first one, to do let’s go Appearance -> Menus and we’ll get started.
From here you’ll see this screen. Let’s first name the menu here and create menu.
Over here you see pages, custom links, and categories. You want to check all the pages here to add to the menu.
With categories, you can add whole categories to your menu and with custom, you can add a particular URL that you want to link to on your site. When you add them over here you have to select which menu location you want them to work on.
This is different for each theme. Now that we’ve added a few pages to our menu, we’ll save our changes.
I’m going to see where my menu is on my site,
and you can see mine is here. Everything looks great,
but I need to rearrange them so I’ll go back to my menu area and I want to drag and drop the page to put them in the order I want. You can even create nested menu by dragging them to the indent of the parent like this.
That lets you give the menu a little more structure so you don’t have several pages crowding your menu at the top. Although you can do multiple layered menus, most sites only go up to 2 layers. If your site has specific top categories you can arrange them on your menu as well. For instance, at WPBeginner, we have all these categories under our blog that you can click on and go straight to articles about say, tutorials or WordPress plugins.
The custom links can be used for things like say, your social profiles. You can create a social profile menu and add all the links to your Twitter, Facebook, and so on if you want.
After you’ve created a menu, you can edit the menu items. By default when you add a page to the menu, it has the page title or the category name as the link, but you can change that here.
Maybe your page title is too long for the menu, just expand it here and change the navigation label here.
You can also remove a menu item as well.
When finished editing, make sure you save changes.
And if you change themes,
then you’ll likely have different menu locations, so make sure you look at that when you change the theme.
To do that, just menu widget to your widget area.
From here you can add a title
and select the menu you want to show here.
And now you have your menus setup for your site.