WP SITES

2899

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

Add Nav Menu In Content Area Using Shortcode

This tutorial includes the PHP code which creates a shortcode for any nav menu in any theme.

There’s 2 examples includes in this post:

  1. The 1st snippet works in the Twenty Twelve default theme for WordPress. It will also work in any other theme as long as you change the menu class to match what your theme uses.
  2. The 2nd snippet works in Genesis and will also work in any other theme if you also change the menu class.

Register for full access


Here’s what the shortcode outputs in Genesis when added in between text in your WordPress editor.

genesis menu

Simply change the menu class to match what your theme uses otherwise you menu may display vertically like a unordered list.

This tutorial answers this forum question:

Any idea how I can insert a menu into the body of a page? I do not want it in a side bar or in standard menu locations.

Reader Interactions

Comments

  2. Quick FYI: You can call wp_nav_menu with echo=false parameter so as not to need the ob_start/ob_get_contents/ob_end_clean calls.

    The function would become one line:
    wp_nav_menu( array( ‘menu’ => ‘Primary’, ‘menu_class’ => ‘genesis-nav-menu’, ‘echo’ => false ) );

    • Yep, saw that and had tested it locally but it (dare i say it) doesn’t work properly on all themes.

      There’s many ways you could code this but i wanted something that also works on non Genesis themes as well like Twenty Twelve.

      Plus i wanted a solution which is unique that i worked out myself.

      You could also add the checks which the parent theme includes like this:

      //* Do nothing if menu not supported
	if ( ! genesis_nav_menu_supported( 'primary' ) )
		return;

	$class = 'menu genesis-nav-menu menu-primary';
	if ( genesis_superfish_enabled() ) {
		$class .= ' js-superfish';
	}

	genesis_nav_menu( array(
		'theme_location' => 'primary',
		'menu_class'     => $class,
	) );

      Also the output buffering is used when filtering the nav menu to add a widget area or search box.

      You could also code the add_shortcode function differently.

      Thanks Damien.

Leave a Reply