Add a second menu to WordPress

Add a second menu to WordPress

WordPress 3.0 and above introduced the menu editor, which gave users a means to customize the automatically generated menu. Whilst this kind of functionality brings WP closer to being a full content management system, the framework is still far off from that point. Here, we’ll look at extending the menu system by adding a second editable menu into the default WordPress template, Twenty Twelve.

Note: If you are using twenty twelve for this exercise, you’ll need to create a child theme to prevent any updates to the template overwriting our modifications.

1. In your theme’s functions.php file, place the code below, you’ll need to change header-menu and Header Menu to something else, e.g. footer-menu and Footer Menu

function register_my_menus() {
  register_nav_menus(
    array( 'header-menu' => __( 'Header Menu' ) )
  );
}
add_action( 'init', 'register_my_menus' );

2. Next you need to add some PHP code into your theme’s template, where you want the menu to appear, as follows:

<?php wp_nav_menu( array( 'theme_location' => 'footer-menu', 'container_class' => 'footer-styling-class' ) ); ?>

The container class adds a class to our new menu so we can target it with CSS styles

http://codex.wordpress.org/Navigation_Menus

Oliver Partridge

Building websites since 2000, I have a wealth of experience in eMarketing, SEO, e-mail marketing and social media marketing. Google+ and Twitter

Leave a Reply


  • Google Ecommerce Tracking in Opencart

    Website Design & Development

    This will be a quick tutorial on adding Google Analytics Ecommerce tracking to opencart shops 1. Add the following to a new template file in

  • How to use affiliate product feeds

    Website Design & Development

    I will let you all into a little secret. Most web developers out there are using some of the more popular CMS to build websites,

  • Parse html using php

    Website Design & Development

    Quick and dirty this one. How to parse HTML using PHP! For this example we will get the contents of a wikipedia infobox Download http://simplehtmldom.sourceforge.net/