我正在使用自定义菜单Walker类,但在显示菜单项时遇到了麻烦。 显示的唯一菜单项是" home"项目。 我创建了两个页面,但我得到了无效的链接标签。 再加上" home"菜单项没有得到" hvr-bounce-to-top"我希望所有的课程能够上课。
这是我检查firebug的结果:
<div class="nav-menu">
<ul>
<li class="current_page_item">
<a href="http://localhost/portfolio/">Home</a>
</li>
<li id="menu-item-4" class=" hvr-bounce-to-top ">
<a></a>
</li>
<li id="menu-item-2" class=" hvr-bounce-to-top ">
<a></a>
</li>
</ul>
</div>
&#13;
这是header.php中的wp_nav_menu代码:
<?php wp_nav_menu( array(
'theme_location' => 'primary',
'menu_class' => 'nav-menu',
'container' => false,
'echo' => true,
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'depth' => 0,
'walker' => new DescriptionWalker()
) );//wp_nav_menu
?>
这是我在function.php主题目录中的Walker类:
class DescriptionWalker extends Walker_Nav_Menu
{
function start_el(&$output, $item, $depth, $args)
{
global $wp_query;
echo 'title = ' . $item->title;
$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 ) . ' hvr-bounce-to-top "';
$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 );
$item_output .= $args->link_after;
$item_output .= '</a>';
$item_output .= $args->after;
$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
}//DescriptionWalker
谢谢