How to Add Navigation Menu in WordPress (Beginner’s Guide)

Share

Share on facebook
Share
Share on twitter
Twit
Share on linkedin
Share
Share on pinterest
Pin
how to add nev menu

Do you want to add a navigation menu to your WordPress site?

WordPress comes with a drag and drop menu interface that you should utilize to create header menus, menus with dropdown choices, and extra.

On this step-by-step information, we are going to present you simply add a navigation menu in WordPress.

What is a Navigation Menu?

A navigation menu is an inventory of a hyperlinks pointing to necessary areas of a web site. They’re normally introduced as a horizontal bar of hyperlinks on the prime of each web page on a web site.

Navigation menus give your web site construction and assist guests discover what they’re in search of. Right here’s how the navigation menu appears to be like on GET all FREE:

WPHeader

WordPress makes it very easy so as to add menus and sub-menus. You possibly can add links to your most necessary pages, classes or matters, weblog posts, and even customized hyperlinks equivalent to your social media profile.

The precise location of your menu will rely in your WordPress theme. Most themes could have a number of choices, so you’ll be able to create totally different menus that may be displayed elsewhere.

As an example, most WordPress themes include a major menu that seems on the highest. Some themes might embody a secondary menu, a footer menu, or a cell navigation menu as nicely.

Creating Your First Custom Navigation Menu

To create a navigation menu, you need to visit the Appearance » Menus page in your WordPress admin dashboard.

WP Basic5

First, you need to provide a name for your menu, like ‘Main Menu’ and then click the ‘Create Menu’ button.

Next, you can choose the pages you want to add to the menu. You can either automatically add all new top-level pages, or you can select specific pages from the left column.

First, click the ‘View All’ tab to see all your site’s pages. After that click the box next to each of the pages you want to add to your menu, and then click on the ‘Add to Menu’ button.

WP Basic6

Once your pages have been added, you can move them around by dragging and dropping them.

Note: All menus have their objects listed in a vertical (prime to backside) checklist within the menu editor. While you put the menu reside in your website, it’ll both show vertically or horizontally (left to proper), relying on the placement you choose.

Most themes have a number of totally different areas the place you’ll be able to put menus. On this instance, we’re utilizing the default 2020 theme, which has 5 totally different areas.

After including pages to the menu, choose the placement the place you wish to show the menu and click on on the ‘Save Menu’ button.

Tip: If you happen to’re undecided the place every location is, strive saving the menu in other places, then visiting your website to see the way it appears. You in all probability gained’t need to use all of the places, however you would possibly need to use a couple of.

Right here’s our completed menu on the positioning:

Menu Sample

Creating Drop-Down Menus in WordPress

Drop-down menus, typically known as nested menus, are navigation menus with parent and child menu objects. Whenever you run your cursor over a parent item, all of the child objects will appear beneath it in a sub-menu.

To create a sub menu, drag an item beneath the parent item, after which drag it barely to the correct. We’ve accomplished that with three sub-items beneath ‘Services’ in our menu:

WPSubmenu

Here’s the sub-menu live on the site:

WP Submenu Output

You can even add multiple layers of dropdown, so that your sub menu can have a sub menu. This can end up looking at bit cluttered, and many themes do not support multi-layer drop-down menus.

In this example, you can see that ‘Logo Design’ (a child item of ‘Services’) has two child items of its own.

WP Submenu Output2

Adding Categories to WordPress Menus

If you’re using WordPress to run a blog, then you may want to add your blog categories as a drop-down in your WordPress menu.

You can easily add categories to your menu by clicking the Categories tab on the left side of the Menus screen. You may also need to click the ‘View All’ tab to see all your categories.

Simply select the categories you want to add to the menu, and then click the ‘Add to Menu’ button.

WP Category menu

The categories will appear as regular menu items at the bottom of your menu. You can drag and drop them into position. We’re going to put all of these categories under the Blog menu item.

WP Category menu2

Adding Custom Links to Your WordPress Navigation Menus

Aside from categories and pages, WordPress also makes it super easy to add custom links to your menu. You can use it to link to your social media profiles, your online store, and / or other websites that you own.

You will need to use the ‘Custom Links’ tab on the Menu screen. Simply add the link along with the text you want to use in your menu.

Custom Link

Editing or Removing a Menu Item in WordPress Navigation Menus

When you add pages or categories to your custom navigation menu, WordPress uses the page title or category name as the link text. You can change this if you want.

Any menu item can be edited by clicking on the downward arrow next to it.

Menu Stracture

You can change the name of the menu item here. This is also where you can click ‘Remove’ to take the link off your menu altogether.

If you’re struggling with the drag and drop interface, then you can also move the menu item around by clicking the appropriate ‘Move’ link.

Adding WordPress Menus in Sidebars and Footers

You don’t have to just stick to the display locations for your theme. You can add navigation menus in any area that uses widgets, like your sidebar or footer.

Simply go to Appearance » Widgets and add the ‘Navigation Menu’ widget to your sidebar. Next, add a title for the widget and choose the correct menu from the ‘Select Menu’ drop down list.

Sidebar Menu

Here’s an example of a custom WordPress footer menu built on GET all FREE website.

Footer Menu

Going Further with Navigation Menus

Mega menus are a great option if you have a large site, like an online store or news site. This type of menu is used by sites like Reuters, Buzzfeed, Starbucks, etc.

We hope this article helped you learn how to add a navigation menu in WordPress.Like to learn How to Make a Website in 2020 – Step by Step Guide (Free)

Share

Share on facebook
Share
Share on twitter
Twit
Share on linkedin
Share
Share on pinterest
Pin

Popular in getallfree Right Now !

LEAVE A REPLAY

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let’s have a personal and meaningful conversation.

guest
0 Comments
Inline Feedbacks
View all comments

Do you want to learn WordPress ?

Get free WordPress Videos, Themes,Plugins and more useful resources

getallfree resources