Tag Archives: wordpress navigation menus

How To Create & Manage Menus In WordPress?

In a website, menus are the set of content filter links typically placed horizontally at the top of a website to provide easy navigation. A Menu shows what you are offering on your website.

For example: If you are running a blog on recipes then you can use navigation for offering various dish types like separate menus for dishes, soups, desserts, fast foods, detox meals, etc. In this lesson, we will guide you to the WordPress menu system covering all its important parts so that you can create new menus and add them to specific locations.

Different themes provide you with different menu locations and by default most themes use the page links in navigation menu locations. The reason is generally users create a website with typical pages like About, Contact, and Home, and a blog page. Hence these pages are shown automatically in the menu bar.

But WordPress allows you to create custom menus containing links to pages, categories, and other specific links. So if you don’t want to display pages in a menu location then create menus and assign them to display on a menu location that your theme provides.

How To Create A WordPress Menu?

Step-1: Creating A New Menu

How To Create Menus In WordPress? 1

To create your first WordPress menu, log in to your WordPress admin area (yourdomain.com/wp-admin) then navigate to Appearance -> Menus page, click the create a new menu‘ link, give your menu a name (this is not visible on the front) and click ‘Create Menu‘ link.

Step 2: Adding Menu Items

How To Create Menus In WordPress? 2

After the menu is created, you can add menu items from the left column to the menu structure box. Example: For adding a custom link:

  1. Click ‘Links’ (on the left column)
  2. Type or paste the link
  3. Type link text
  4. Click the ‘Add to Menu‘ button.

Step 3: Creating Multilevel Menus

How To Create Menus In WordPress? 3

After creating navigation links, you can drag-drop to reorder them. You can make navigation go deep by adding submenus. To add a submenu, simply drag and place a menu item a little bit right to its parent as shown in the given screenshot.

Here are the steps to create sub-menus:

  1. Position your mouse over the ‘child’ menu item.
  2. While still holding your left mouse button, drag it to the right and release the mouse button.
  3. You can repeat these steps for each sub-menu item then click the Save Menu button visible in your Menu Editor.

Step 4: Set The Menu Location

How To Create Menus In WordPress?4

After the menu structure is created, assign it to a theme location. Scroll down to the ‘Menu Settings‘ section and choose a theme location.

[heading size=”17″]Step-5: See How It Looks[/heading]
How To Create Menus In WordPress? 5

Visit your website’s home and see what it looks like. Given screenshot shows the menu we have created in the top primary location of the Twenty Fourteen WordPress theme.

How To Manage Multiple Menus?

You can create several menus, and assign them to different locations. If you are using the default Twenty Fourteen then you can add a menu on the top of your website, and another menu in the left sidebar’s vertical menu location. WordPress also provides you a menu widget (in Appearance -> Widgets page) you can use for manually displaying any menu in your sidebar or footer widget area.

How To Create Menus In WordPress? 6

How To Create Menus In WordPress? 7

To manage your menus, menu items, their structure, and location, visit the Appearance -> Menus page and select a menu to edit. Another tab with the title ‘Manage Locations‘ allows you to manage menu locations in bulk.

How To Use Iconic Navigation In WordPress Menus?

Using iconic navigation in WordPress menus means you can assign an icon for each navigation menu item you create via Appearance -> Menus admin page. The icons automatically uses your theme CSS and looks awesome with all WordPress themes. You can either choose an icon from 1400 font icon set provided by the plugin or if you already have icon(s) then you can upload it to WordPress media library and then use it for your navigation menu(s).

Continue reading How To Use Iconic Navigation In WordPress Menus?