Creating a Menu for Your WordPress Website

Last updated: August 8, 2018 at 3:22 am


Most WordPress themes come with at least two built in Menu Locations. From your WordPress Dashboard, you can create a menu to help users navigate your website easily.

One of the most essential menus of the website is the Primary Menu. The Primary Menu might contain buttons such as:

  1. Website Homepage – Click this to return to the homepage of the website.
  2. Contact Us – Click this to learn how to contact us.
  3. About Us – Click here to learn about us.
  4. Privacy Policy – Click here to read how we treat information you input on our website.

For the website we’re presently, we may add the following buttons to the Primary Menu:

5. Our Rooms – Click Here to Learn about Our Rooms.

6. Tourism Services – Click here to learn about our Tourism Packages and Options.

7. Blog – Click here to head over to our blog where we post about exciting things that happens in our business.

If the menu gets too long, we can always divide it into two: A primary menu and a secondary menu. The Primary menu might include the more basic links such as about us and contact us. And the secondary menu will contain the more exciting stuff such as “Tourism Services” and “Our Rooms.”

So let’s go ahead and create a menu for our WordPress Website.

To do that, we once again log into our WordPress Dashboard by typing

Then we type in our username and password and click “Log in.”

Once in the WordPress Dashboard, click on “Appearances >> Menus.”

Now a new page loads which gives you the option of creating a new menu.

OK so the first thing we’re going to do is give our Menu a name.

After that, we click on the “Create Menu” button located towards the right side of the page.

After we click the “Create Menu” button, a new page loads.

This new page gives us several further options. One of those options is to select the display location.

Do we want it to appear the very top of the page? Then we would click “Top Menu.” No. I want this menu to be the “Main Menu,” which I guess will appear just under the header image. I can always change these options later.

Do I want to automatically add new pages to this menu! Yes! I do have a few other pages to create for this hotel website such as “Tourism Services,” “The Amazonas Restaurant and Bar” and a few others, and I’d like them all to show up for easy access. on this menu.

Remember, I can always remove buttons from the menu any time if it becomes overcrowded.

So let’s select our options.

There you go. Our options are now selected.

Now it’s time to add some pages to this menu.

And I think I’m going to add just about every page there on to the menu.

So I just select them all and click the “Add to Menu” button.

And now, you can see them added:

OK, that looks great. But if you notice, some of the buttons have too many words on them. That is because the page’s title are used as the button label. But we can always change this by clicking the “down arrow” located at the right of the button.

Once you click that, it opens the drop down box and you can now change the text in the “Navigation Label.”

So let’s change that to simply “Contact Us.”

And as you can see, it changes at the top as well.

So we’ll also change the Welcome to the Amazonas Restaurant and Bar button to “Homepage” using the same technique.

As you can see, our Menu now looks a lot neater and sweeter. But there’s still something amiss here. The buttons are not ordered properly. First of all, “Homepage needs to be the first button. It should be in this order:

  1. Homepage
  2. Our Rooms
  3. About Us
  4. Contact us
  5. Privacy Policy

So we’re going to rearrange by dragging and dropping.

And there we go! Much neater and sweeter isn’t it? Sure is!

Now let’s go ahead and click “Save Menu” to save our menu creation.

And a new page loads that tell us that our Menu has been saved or updated.

So let’s go ahead and refresh our homepage and see if our menu appears there and how it looks!

Ah! There it is! Beautiful isn’t it! Yes it is!

So see you in the next lesson:

Leave a Reply

Notify of