Anchor only wp_nav_menu

时间：2014-09-24 作者：mikedidthis

我正在尝试创建一个较少的列表wp_nav_menu. 以下是所需的输出：

<nav class="nav header-nav">
  <a href="#" class="nav-link nav-active">Home</a>
  <a href="#" class="nav-link">About</a>
  <a href="#" class="nav-link">Contact</a>
</nav>
我可以跟得很近Remove LI Elements From Output of wp_nav_menu:

<nav class="nav header-nav">
<?php
    $menuParameters = array(
      \'container\'       => false,
      \'echo\'            => false,
      \'items_wrap\'      => \'%3$s\',
      \'depth\'           => 0,
    );
    echo strip_tags(wp_nav_menu( $menuParameters ), \'<a>\' );
?>
</nav>
但是我不知道如何添加nav-link 或nav-active 课程。我也觉得这可能有点黑客，我应该使用一个自定义Walker.

感谢您的帮助。

2 个回复
最合适的回答,由SO网友:Zammuuz 整理而成

您在问题中已经提到您已删除li 从菜单中。所以这可能会奏效。在这个walker中，u可以在外观->菜单css选项中为类提供选项（在屏幕右上角，单击底部一行的“屏幕选项”-确保选中了“css类”）

    class Class_Name_Walker 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
     */
     function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 )      {
    $indent = ( $depth ) ? str_repeat( "\\t", $depth ) : \'\';

    $class_names = $value = \'\';

    $classes = empty( $item->classes ) ? array() : (array) $item->classes;
    $classes[] = \'menu-item-\' . $item->ID;

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

    $id = apply_filters( \'nav_menu_item_id\', \'menu-item-\'. $item->ID, $item, $args );
    $id = $id ? \' id="\' . esc_attr( $id ) . \'"\' : \'\';

    $atts = array();
    $atts[\'title\']  = ! empty( $item->attr_title ) ? $item->attr_title : \'\';
    $atts[\'target\'] = ! empty( $item->target )     ? $item->target     : \'\';
    $atts[\'rel\']    = ! empty( $item->xfn )        ? $item->xfn        : \'\';
    $atts[\'href\']   = ! empty( $item->url )        ? $item->url        : \'\';

    $atts = apply_filters( \'nav_menu_link_attributes\', $atts, $item, $args );

    $attributes = \'\';
    foreach ( $atts as $attr => $value ) {
        if ( ! empty( $value ) ) {
            $value = ( \'href\' === $attr ) ? esc_url( $value ) : esc_attr( $value );
            $attributes .= \' \' . $attr . \'="\' . $value . \'"\';
        }
    }
    $item_output = $args->before;
    $item_output .= \'<a\'. $attributes .$class_names.\'>\';
    $item_output .= $args->link_before . apply_filters( \'the_title\', $item->title, $item->ID ) . $args->link_after;
    $item_output .= \'</a>\';
    $item_output .= $args->after;

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

/**
 * @see Walker::end_el()
 * @since 3.0.0
 *
 * @param string $output Passed by reference. Used to append additional content.
 * @param object $item Page data object. Not used.
 * @param int $depth Depth of page. Not Used.
 */
function end_el( &$output, $item, $depth = 0, $args = array() ) {
    $output .= "\\n";
}
}
此walker将向标记添加li类。在您的主题文件（wp\\u nav）中，您必须添加custom walker.

<?php wp_nav_menu( array(\'walker\' => new Class_Name_Walker ) );?>
EDIT :

要将导航活动类添加到当前菜单项，请将此额外过滤器添加到函数中。php

add_filter(\'nav_menu_css_class\' , \'special_nav_class\' , 10 , 2);
function special_nav_class($classes, $item){
     if( in_array(\'current-menu-item\', $classes) ){
             $classes[] = \'nav-active \';
     }
     return $classes;
}

SO网友:Rohil_PHPBeginner

以下可能是您正在寻找的解决方案。

  <nav><a>
      <?php    
             $defaults = array(
              \'container\'       => \'false\', 
              \'echo\'            => false,
              \'fallback_cb\'     => false,
              \'items_wrap\'      => \'<a id="%1$s" class="%2$s">%3$s</a>\',
              \'depth\'           => 0
              );
               echo strip_tags(wp_nav_menu( $defaults ));
          ?></a>
    </nav>
编辑：

你能检查一下上面的代码吗？我不确定。

结束
标签： menus   小码农  

相关推荐

How to add taxonomy in menus?

书籍（自定义帖子类型）小说（税）科学（税）历史（税）--书籍体裁（税务）小说（术语）科学（学期）历史（学期）以下哪一项是做这件事的“好方法”？对于前一个（这是我目前在管理菜单中的功能，我为每个功能都提供了“register\\u taxonomy”功能），我无法选择要在菜单中显示的“Tax”。而对于后者，我可以将它们添加到菜单中，只需要一个“register\\u taxonomy”函数。