quinta-feira, 8 de novembro de 2012

Personalizar o menu do wp_nav_menu wordpress

Caso você queira personalizar o wp_nav_menu, você pode utilizar um metodo legal, onde você remove o retorno padrão do wordpress para o seu retorno.

Segue um Exemplo que eu precisei usar em um cliente:

Classe para modificar o wp_nav_menu padrão onde deverá ficar em functions.php:

class description_walker extends Walker_Nav_Menu
{
function start_el(&$output, $item, $depth, $args)
{
global $wp_query;
global $post;
$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
$class_names = $value = '';
$classes = empty( $item->classes ) ? array() : (array) $item->classes;
$id_page = $post->ID;
if($post->ancestors){
$id_page = $post->ancestors[0];
}
if($item->object_id == $id_page){
$selected = 'current_page_item';
}
$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
$class_names = ' class="'. esc_attr( $class_names ) . ' cat-'.$item->object_id.' '.$selected.'"';
$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        ) .'"' : '';
$prepend = '<strong>';
$append = '</strong>';
$description  = ! empty( $item->description ) ? '<span>'.esc_attr( $item->description ).'</span>' : '';
if($depth != 0)
{
$description = $append = $prepend = "";
}
$item_output = $args->before;
$item_output .= '<a'. $attributes .'>';
$item_output .= $args->link_before .$prepend.apply_filters( 'the_title', $item->title, $item->ID ).$append;
$item_output .= $description.$args->link_after;
$item_output .= '</a>';
$item_output .= $args->after;
$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
}

E o nav terá que ficar assim:
<?php wp_nav_menu( array('theme_location' => 'NOMEDOMENU', 'walker' => new description_walker() )); ?>

Espero ter ajudado.
dúvidas ou sugestões, poste abaixo.

Nenhum comentário:

Postar um comentário