<div class="example">
<h1>Menu</h1>
<ul>
<li>sub-menu</li>
<li>sub-menu</li>
<li>sub-menu</li>
</ul>
</div><!-- end of example -->
<div class="example>
<h1>Menu</h1>
<ul>
<li>sub-menu</li>
<li>sub-menu</li>
<li>sub-menu</li>
</ul>
</div><!-- end of example -->
I'm trying to make a menu with wp_nav_menu() and I want to achieve a clean code like this. I'm trying to do it with a custom walker but I don't have experience with this. I think I have to overwrite a class but ...
Coud you help me with the code?? Thanks for all
<div class="example">
<h1>Menu</h1>
<ul>
<li>sub-menu</li>
<li>sub-menu</li>
<li>sub-menu</li>
</ul>
</div><!-- end of example -->
<div class="example>
<h1>Menu</h1>
<ul>
<li>sub-menu</li>
<li>sub-menu</li>
<li>sub-menu</li>
</ul>
</div><!-- end of example -->
I'm trying to make a menu with wp_nav_menu() and I want to achieve a clean code like this. I'm trying to do it with a custom walker but I don't have experience with this. I think I have to overwrite a class but ...
Coud you help me with the code?? Thanks for all
Share Improve this question asked Aug 11, 2011 at 12:00 danidani 1311 silver badge4 bronze badges1 Answer
Reset to default 3In my basis theme I use a walker for a simplified output:
<?php # -*- coding: utf-8 -*-
/**
* Create a nav menu with very basic markup.
*
*/
class T5_Nav_Menu_Walker_Simple extends Walker_Nav_Menu
{
/**
* Start the element output.
*
* @param string $output Passed by reference. Used to append additional content.
* @param object $item Menu item data object.
* @param int $depth Depth of menu item. May be used for padding.
* @param array $args Additional strings.
* @return void
*/
public function start_el( &$output, $item, $depth, $args )
{
$output .= '<li>';
$attributes = '';
! empty ( $item->attr_title )
// Avoid redundant titles
and $item->attr_title !== $item->title
and $attributes .= ' title="' . esc_attr( $item->attr_title ) .'"';
! empty ( $item->url )
and $attributes .= ' href="' . esc_attr( $item->url ) .'"';
$attributes = trim( $attributes );
$title = apply_filters( 'the_title', $item->title, $item->ID );
$item_output = "$args->before<a $attributes>$args->link_before$title</a>"
. "$args->link_after$args->after";
// Since $output is called by reference we don't need to return anything.
$output .= apply_filters(
'walker_nav_menu_start_el'
, $item_output
, $item
, $depth
, $args
);
}
/**
* @see Walker::start_lvl()
*
* @param string $output Passed by reference. Used to append additional content.
* @return void
*/
public function start_lvl( &$output )
{
$output .= '<ul class="sub-menu">';
}
/**
* @see Walker::end_lvl()
*
* @param string $output Passed by reference. Used to append additional content.
* @return void
*/
public function end_lvl( &$output )
{
$output .= '</ul>';
}
/**
* @see Walker::end_el()
*
* @param string $output Passed by reference. Used to append additional content.
* @return void
*/
function end_el( &$output )
{
$output .= '</li>';
}
}
See this answer for implementation details.