Advertisement

Adding Custom Navigation Menus to Your WordPress Blog

Navigational menus are vital parts of your WordPress blog’s design. They tell your site visitors where to go and how to access important information or areas on your site. The WordPress Menus feature offers an easy way to add and reorder a variety of navigational links to your site, as well as create secondary menu bars (if your theme offers multiple menu areas).

The Twenty Ten theme comes with the appropriate code in the navigation menus that make use of this robust feature. (By default, Twenty Ten offers only one menu navigation area to include a custom menu.)

To create a new navigation menu in Twenty Ten, follow these steps:

  1. In the WordPress Dashboard, click Appearance and then click Menus.

    The Menus page loads in your Dashboard.

  2. Enter a menu name in the Menu Name field and then click Create Menu.

    image0.jpg

    After you create your new custom menu, the gray modules to the left become active for you to add new links to your custom menu.

  3. In the Theme Locations module, choose your new menu from the Primary Navigation drop-down menu and click Save.

    This activates your new menu in the theme for display on your site. As noted in the Theme Locations module, the Twenty Ten theme supports only one custom menu, defined as Primary Navigation.

  4. Add menu items, such as custom links, pages, and categories, to your new menu.

    Items you can add to your menu include the following:

    • Pages: To include existing pages in your menu, scroll to the Pages module and click the pages you want to include. After you do that, click Add to Menu and then click Save Menu.

      image1.jpg
    • Categories: To include existing categories in your menu, scroll to the Categories module and click the categories you want to include. After you do that, click Add to Menu and then click Save Menu.

    • Custom Links: You can add links to sites that exist outside your website, such as your Twitter or Facebook profile pages. Scroll to the Custom Links module. In the URL field, type the web address you want to direct people to. In the Label field, add the word or phrase the menu displays for people to click. Then click Save to Menu.

      image2.jpg
  5. Click Save Menu to add your custom menu to your theme.

    Be sure to click Save Menu after you make any significant change to your custom menu, such as reordering or adding new menu items so they are reflected on your site.

After you save your navigation menu, you can use the drag-and-drop interface to rearrange your menu. Additionally, you can create subpages under top-level menu items by moving menu items slightly to the right beneath the top-level menu items. Not cluttering up the navigation bar and organizing content logically can be handy for sites with lots of page content.

image3.jpg

You can also create multiple custom menus and add them to your theme through widget areas by using the Custom Menu widget, navigation areas if your theme supports multiple menu areas, or additional menu areas by inserting the WordPress template tag directly into your theme’s template files.

blog comments powered by Disqus
Advertisement
Advertisement

Inside Dummies.com