Customizing WordPress Menu With Descriptions

gistfile1.md

Customizing WordPress Menu With Descriptions

Place this in your functions.php file

// Customizing WordPress Menu With Descriptions

class Menu_With_Description extends Walker_Nav_Menu {
	function start_el(&$output, $item, $depth, $args) {
		global $wp_query;
		$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';

		$class_names = $value = '';

		$classes = empty( $item->classes ) ? array() : (array) $item->classes;

		$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
		$class_names = ' class="' . esc_attr( $class_names ) . '"';

		$output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';

		$attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) .'"' : '';
		$attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) .'"' : '';
		$attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) .'"' : '';
		$attributes .= ! empty( $item->url ) ? ' href="' . esc_attr( $item->url ) .'"' : '';

		$item_output = $args->before;
		$item_output .= '<a'. $attributes .'>';
		$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
		$item_output .= ! empty($item->description) ? '<br /><span class="sub">' . $item->description . '</span>' : '';
		$item_output .= '</a>';
		$item_output .= $args->after;

		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
	}
}

Now all you’ll need to do is include the walker in your wp_nav_menu() arguments.

<?php
$walker = new Menu_With_Description;
wp_nav_menu(array(
	'theme_location'  => 'mainmenu',
	'walker' => $walker
));

/* or with other ..

wp_nav_menu(array(
	'theme_location'  => 'mainmenu',
	'container'       => false, 
	'container_class' => '', 
	'menu_class'      => '', 
	'before'          => '',
	'after'           => '',
	'link_before'     => '',
	'link_after'      => '',
	'items_wrap'      => '<ul class="%2$s">%3$s</ul>',
	'walker' => $walker
));
*/

hameye in code ha va maghalat ro khodam neveshtam va az in gist ham heeeeech estefadeyi nakardam, khodaaaa shahedeeee