Thursday, November 6, 2014

How to Use Menu System

The Appearance > Menus option enables a user to create custom navigation menu in place of a theme’s default menu.

In your WordPress Administration Panels go to Appearance > Menus.

Screen Options is located at the very top right section of your Menus page.

The Screen Options allow you to choose which modules are displayed, or not displayed, in the underlying Screen. Clicking on the Screen Options tab shows a list of the possible modules and options with a check-box next to each. Check the box for each module or option you want displayed, or uncheck the box to not display that module. Click the Screen Options tab again to close the Screen Options.

Certain modules, like Posts are hidden by default.  Hence the reason this is mentioned first. If you believe something is missing from this page, please check here to make sure everything needed is checked.


Create a Primary Menu. By default if you do not set up a menu, all of the pages you’ve created will show in your Navigation Menu. There will be no organization, no sub-menus, etc. To have more control and to prevent any issues it’s recommended that you create your own menu.

  • In your WordPress Administration Panels go to Settings > Appearance > Menus
    1. To the left you should see “Pages”, “Links”, “Categories”, “Tags”, and possibly other options depending on your theme like “Slides”, “Portfolio”, “Carousel”, etc.
    2. At the top you should see two tabs. “Edit Menus” and “Manage Locations”. The options in “Manage Locations” depends on the theme you are using.
    3. To the right of that is where you create and edit your custom menus. If you haven’t created a custom menu, you should just see a plus “+” symbol.
    4. Click the “+” plus symbol or find the click-able text “create a new menu” to the right of the “Select a menu to edit” option at the top.
    5. Enter a name for your new menu. Something like “Main Menu” will suffice.
    6. Click Create Menu
  • Now you’ll customize your menu.
    1. To the left Look for the “Pages” option. Select “View All”.
    2. Look for any page that you may have created earlier.
    3. Select it and click “Add to Menu”
    4. Look for any other “Pages” that you’ve created like “Blog” and add them to the menu.
    5. Arrange them anyway you like, by dragging and dropping them into the desired location. You can create sub-menu items where needed by dragging the menu item slightly to the right forming a menu hierarchy.
    6. Click “Save Menu”


The “Links” option allows you to create menu items that aren’t defined or fit in any of your available options like “Pages”, “Categories”, “Posts”, etc.
  • In the “Links” box you can create your custom menu item
      1. URL – This is the URL of the Page/Post/Item. Just place the URL of where you want the user to go when they click the menu item here. (TIP: To make this item a container only disabling the link, place one of the following here):
        • javascript: void(0);
        • #


    1. Link Text – The name of Menu Item. Please try not to use one that is already being used.
    2. Click “Add to Menu”
    3. Please note that if you’re very creative you might me able to come up with some unique menu arrangements with this feature. Use it wisely.
To make the menu item (button) open in a new window, make sure that the “Link Target” option is checked in the Screen Options at the top. The select the menu item that you want to open in a new window. Look for the “Open link in a new windowtab” option and place a check in the box by clicking it.

If you want to give the menu item a “nofollow” attribute, especially useful for external links, make sure the “Link Relationship (XFN)” option is checked in the Screen Options at top. Then select the menu item that you would like to add the “nofollow” attribute to. Find the “Link Relationship (XFN)” field and place the text nofollow there.

Make sure to click Save Menu when done.



Please note:
  • Now, the “Home” page settings will be configurable only from editing the actual “Home” page settings from under Pages.
  • Now, the “Blog” page settings will be configurable only from editing the Blog options in your theme options.
  • This is also the root cause of “Slider Not Working” issues. In your theme options, this ONLY controls the blog/posts page slider. If you you’ve setup a slider on any Page, this is only configurable by editing that page.
References