给孩子元素另一个类:wp_nav_menu(walker)

时间:2013-12-10 10:47:05

标签: php wordpress menu themes

我在给孩子项目时只有我想要的课程有问题。

任何人都可以给我一些提示或者对我在functions.php上写的内容有什么帮助吗? 这是我的代码: 的sidebar.php:

<?php
    wp_nav_menu(array(
        'container' => 'div',
        'container_class' => 'menu',
        'items_wrap' => '%3$s',
        'walker' => new ik_walker
    ));
?>

的functions.php:

class ik_walker extends Walker_Nav_Menu{

    var $tree_type = array( 'post_type', 'taxonomy', 'custom' );
    var $db_fields = array( 'parent' => 'menu_item_parent', 'id' => 'db_id' );

    function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output )
    {
        $id_field = $this->db_fields['id'];
        if ( is_object( $args[0] ) ) {
            $args[0]->has_children = ! empty( $children_elements[$element->$id_field] );
        }
        return parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
    }    

    function start_lvl(&$output, $depth) {
        $output .= "<i class=\"dropdown icon\"></i>\n";
        $output .= "<div class=\"menu\">\n";
    }

    function end_lvl(&$output, $depth) {
        $indent = str_repeat("\t", $depth);
        $output .= "</div></div>\n";
    }

    function start_el(&$output, $item, $depth, $args) {
        $value = '';
        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        $classes = in_array( 'current-menu-item', $classes ) ? array( 'current-menu-item' ) : array();
        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
        $class_names = strlen( trim( $class_names ) ) > 0 ? ' class="' . esc_attr( $class_names ) . '"' : '';
        $id = apply_filters( 'nav_menu_item_id', '', $item, $args );
        $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';
        $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;


        if ($args->has_children){

            $item_output .= "<div class=\"ui simple dropdown item\">\n";
            $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
        }

        else {
            $item_output .= "<div class=\"ui simple dropdown item\">\n";
            $item_output .= "<a". $attributes . $id . $value . $class_names . ">\n";
            $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
            $item_output .= "\n</a><i class=\"dropdown icon\"></i></div>\n";
        }

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




}

我希望输出如下:

<div class="menu">
  <div class="ui simple dropdown item">
    CATEGORY WITH SUB-CATEGORIES
    <i class="dropdown icon"></i>
    <div class="menu">
      <div class="item" ><a href="#">Sub Category 1</a></div>
      <div class="item" ><a href="#">Sub Category 2</a></div>
      <div class="item" ><a href="#">Sub Category 3</a></div>
    </div>
  </div><!-- /.ui .simple .dropdown .item -->

  <div class="ui simple dropdown item">
    CATEGORY WITHOUT SUB-CATEGORY
  </div>
</div> <!-- /.menu -->

目前,菜单显示如下(类 ui简单下拉项已经过时,但我希望它们只是:,也没有{ {1}}事情。)

<i>

谢谢!

1 个答案:

答案 0 :(得分:0)

在函数start_el() -

中,您应该专注于这些行
$classes = empty( $item->classes ) ? array() : (array) $item->classes;
$classes = in_array( 'current-menu-item', $classes ) ? array( 'current-menu-item' ) : array();

他们从$item抓取默认类,这显然是你不想要的。如果您希望他们全部只有一个电话item(不要打扰current-menu-item),那么请替换为 -

$classes = array('item');

但是,如果您仍希望包含current-menu-item,请将其替换为< - p>

$classes = in_array('current-menu-item', $item->classes) ? array('current-menu-item') : array();
$classes[] = 'item';