WordPress Navigation Menu (How WordPress Menus Work)

When you are using WordPress to build a website, one of the most important default resources is the navigation menu.
wordpress menus

“Navigation Menus are customizable menus in your theme. They allow users to add Pages, Posts, Categories, and URLs to the menu.” Source: WordPress.org

When you are creating your website header and footer you may need to put together a navigation menu to display specific links and that’s what this tutorial is for.

Before you can do anything you need to log into your WordPress Dashboard.

Get started creating a menu for WordPress by hovering over the “Appearance” tab in the left sidebar inside of your Dashboard and clicking on Menus.

The page you land on is the Menu settings page. This is where you will add new pages and links to your navigation menu

After you create all of your pages you will see a list of your pages here so you can just select the pages you want to add by clicking “Add to Menu”.

The next section is “Posts”. This area works just like “Pages”. Simply select the posts you want to include in your menu and click on “Add to Menu”.

Custom Links is a different setup. Different but simple. In the two fields you will input the URL [http://UrOnlineBrand.com] then you will type in the Link Text. The Link Text is what will be displayed in the menu. Once you finish putting in the URL & Link Text, just click on “Add to Menu”

The last option is Categories. If you write a lot about specific topics you may want to have the category listed in the menu. All you need to do select the category and add it to the menu.

How to Create a Drop-Down Menu In WordPress

Now that you know how to add pages you may need a drop-down menu. Remember you want to keep your design clean and simple. This also means making sure that you don’t have 25 links in your menu that makes your header or footer look really busy.

In order to make a drop down just move the items you want to be in the drop down and position it to the right underneath the item you want the dropdown menu to start with.

In the example above the dropdown menu starts with Home and while on the website when you hover over home the dropdown will display the pages “Start” & “Introduction”.

That should wrap this up. I hope this helped and if you have any questions feel free to shoot me a message on Twitter or Instagram.

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest