• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • Privacy Policy
  • Terms of Use
  • FTC Statement
  • Sitemap
  • About and Contact

Build A WordPress Website

Using WordPress as a Content Management System and Blog

  • Home
  • WordPress Install
    • WordPress Hosting
    • An Easy Way to Install a WordPress Website
  • WordPress Setup
    • Getting the WordPress Options Right
  • WordPress Plugins
    • WordPress CMS Plugins
    • WordPress SEO Plugins
  • WordPress Themes
    • Free WordPress CMS Themes
    • WordPress CMS Themes
    • Basic Theme Header Changes
  • Manual
    • Choose between Pages or Posts
  • Resources
You are here: Home / WordPress CMS / How To Set Up and Use WordPress Menus

How To Set Up and Use WordPress Menus

Filed Under: WordPress CMS, WordPress Setup August 21, 2016

The recent versions of WordPress offer you the new Custom WordPress Menus function to set up a navigation menu. The Menus can be created with pages and categories, and include hyperlinks. You can also sort them any way you want.

These new WordPress menus are very flexible and are especially useful if you want to create a static website. You can have different custom menus to show different navigational elements.

For example, you can create a menu to all the main pages and a separate one for pages like Contact, Privacy Policy, Legal Pages etc.

How To Create WordPress Menus

To create such a menu go to Appearance -> Menu and first put in the name of the menu you want to create. Then push Save! this is important because you cannot place any links until you save the menu first.

Best practice for Menu naming is to give it the name where you want to use it, or what content you want to put into it. I use Top Menu, Page Menu, and Category menus for example.

Advertisements

Create WordPress menus to improve navigation

After you saved your menu, you could get extra fields on the left-hand side of the screen. If your theme supports it, you will see Theme Location Menu options like Primary navigation. You can have that new menu replace the theme default menu if you use that option.

WordPress Menu Created

Now you can add you pages or categories to the menu, select them on the left side and choose Add to Menu option. Hint: Under pages select View All first so you can select Home as well.

 

Once you added the page to the menu, you can sort them by dragging them to the right place and even drag them to a child page position. Click save when you are done and your first menu is ready.

Now create another menu for your categories and add the topics you like to show.

WordPress Category Menu

Showing Your WordPress Menus

You need to get your WordPress menus into your layout and bring the navigation structure to the front of your website.

The menu's you just created are shown via Widgets, so go to the Widgets page first via Appearance -> Widgets. Look for the widget that is called Custom Menu and drag that to your primary sidebar (or the widgets position you want to use).

WordPress Custom Menu Widget

If you open that widget you can give it a title and select the menu you created from a drop-down menu.

You can use more than one Custom Menu widget on your site, just make sure you create a good navigation for your users.

If you want to make a WordPress website instead of a Blog, these custom menu's are the way to go!

Special Custom Menu Options

In the custom menu creation screen, you also saw another option called Custom Links. With custom links, you can have a link in your menu that points directly to another website. Just give it a name, put in the hyperlink you want it to point to and add it to the menu of you choice.

You can also use this option to create a NonLinked menu item. A possible use could be that you want a section divider in your menu. To do this you use the custom menu option. Label it by using the Name you want to use and for the hyperlink you use http://# add it to your menu in the position you want to show it. Save the menu.

Open that menu item and remove the URL option and save the menu again. Now you have a menu item that is not linked.

No Links Menu Item

Editing Custom Menu Links

Title Attributes and Custom Menu Fields

With any Menu item, you can edit some extra options, with the most prominent one being the Title Attribute. The Navigation label is the name that is shown in the menu, the title attribute is shown if you hover over that menu item.

If you create a page menu, you could have very long titles in you menu items. By reducing / renaming the Navigation Label you can improve the menu option and if you put the longer page title in the Title Attribute your have the best navigation for your visitors.

There are a few extra special options which are not shown by default. If you want to see and use them, use the Screen Options on the right-hand top corner and select the extra options you want to see.

Custom Menu Screen Options

This will show you the extra options.

Custom Menu Special Options

Most of us will not use these options, but its good to know they are there.

If you can think of other cool things you can do with Custom WordPress Menus that please share it in the comments below.

Advertisements

Others also read:

  1. How To Make WordPress Look Like a Website
  2. Which Sidebar Widgets to Use in Your WordPress Site
  3. 7 Tips to Customize WordPress Twenty Eleven Theme
  4. Use the Right Title in Building a WordPress Website

By Herbert-Jan van Dinther Filed Under: WordPress CMS, WordPress Setup Tagged With: Custom, Menu, Navigation, widgets, wordpress 1 Comment

Top WordPress Hosting Company

HostGator.com

Start Your Own WordPress Website

To get started you need:
    1. Get Website Hosting from Greengeeks.com and use their easy WordPress installation script.
    2. Get a Cool WordPress Theme! I recommend themes from StudioPress.com and Elegant Themes
    P.S. This site is build with Genesis and Metro Theme from StudioPress.com.
3. Configure your WordPress settings and plugins and start writing...

Reader Interactions

Trackbacks

  1. How To Make WordPress Look Like a Website - Building a Website with WordPress says:
    October 6, 2012 at 8:11 am

    […] WordPress custom menu’s you can really create a good navigation for your […]

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Advertisements

Get Free Updates!

New Articles right into your inbox, sign up for free now!

P.s. I won't Spam You or Sale Your Mail Address

FTC Disclosure

Disclosure: Please assume that any outbound link is an affiliate link, which means we may receive a commission in the event you click a link and make a purchase. Just so you know, affiliate links do not result in you paying a penny more. Read more...

Start Your WordPress Site!

Get your own WordPress site started::
  • 1. Get Website Hosting.from GreenGeeks.com and use their easy WordPress installation script.
  • 2. Get a Cool WordPress Theme, I recommend themes from
    StudioPress.com and Elegant Themes
  • P.S. This site is build on Metro by StudioPress.

Popular Articles

  • 7 Tips to Customize WordPress Twenty Eleven Theme
  • How To Make WordPress Look Like a Website
  • How to Build a WordPress Website
  • How To Upgrade Old Version of WordPress
  • WordPress Introduction
  • Basic Theme Header Changes
  • An Easy Way to Install a WordPress Website
Advertisements
Elegant Themes - Premium WordPress Themes

Topics

  • Weblog News
  • WordPress Blog
  • WordPress CMS
  • WordPress Plugins
  • WordPress SEO
  • WordPress Setup
  • WordPress Themes
  • WordPress Video

Footer

Most recent Articles

  • Spice Up Your Site With WordPress Shortcodes Ultimate
  • Keeping WordPress Up To Date and Secure
  • How To Upgrade Old Version of WordPress
  • 20 Basic WordPress Plugins for Your WordPress Website
  • 7 Tips to Customize WordPress Twenty Eleven Theme

StudioPress WP Themes

Advertisements
StudioPress Theme of the Month

WordPress Themes

Elegant Themes
StudioPress.com
ThemeForest
Mojo Themes

Copyright © 2023 Build a WordPress Website · Design Metro Theme by StudioPress