web-dev-qa-db-ja.com

カスタムナビゲーションウォーカーに現在のメニュー項目の子供、または子供のいない兄弟が表示される

私はいろんな時間を探し回っていましたが、それでもうまくいかないので、やっと手を差し伸べて助けを求めています。

現在のページの子だけを表示する、または子がページの兄弟を表示していない場合はカスタムウォーカーを作成しようとしています。

たとえば、次のメニューツリーを見てください。

  • 1.0
    • 1.2.0
      • 1.3.0
      • 1.3.1
      • 1.3.2
    • 1.2.1
    • 1.2.2
  • 2.0

私は現在のページ1.2.0にいるとしましょう。このページで私は子供を表示したいです(1.3.0、1.3.1、1.3.2)

しかし、私が1.2.2ページにいるのなら、子供がいないので、それは現在のレベルの兄弟を表示しなければならないので、それは私に(1.2.0、1.2.1、1.2.2)を示すべきです。

14
jchamb

これは、現在のメニュー項目の子だけを表示するために使用したウォーカーです。あるいは、メニュー項目にそれ自身の子がない場合は兄弟です。

各セクションを説明するクラス全体にコメントがあります

<?php

class SH_Child_Only_Walker extends Walker_Nav_Menu {

private $ID;
private $depth;
private $classes = array();
private $child_count = 0;
private $have_current = false;


// Don't start the top level
function start_lvl(&$output, $depth=0, $args=array()) {

    if( 0 == $depth || $this->depth != $depth )
        return;

    parent::start_lvl($output, $depth,$args);
}

// Don't end the top level
function end_lvl(&$output, $depth=0, $args=array()) {
    if( 0 == $depth || $this->depth != $depth )
        return;

    parent::end_lvl($output, $depth,$args);
}

// Don't print top-level elements
function start_el(&$output, $item, $depth=0, $args=array()) {

    $is_current = in_array('current-menu-item', $this->classes);

    if( 0 == $depth || ! $is_current )
        return;

    parent::start_el($output, $item, $depth, $args);
}

function end_el(&$output, $item, $depth=0, $args=array()) {
    if( 0 == $depth )
        return;

    parent::end_el($output, $item, $depth, $args);
}

// Only follow down one branch
function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ) {

    // Check if element is in the current tree to display
    $current_element_markers = array( 'current-menu-item', 'current-menu-parent', 'current-menu-ancestor' );
    $this->classes = array_intersect( $current_element_markers, $element->classes );

    // If element has a 'current' class, it is an ancestor of the current element
    $ancestor_of_current = !empty($this->classes);

    // check if the element is the actual page element we are on.
    $is_current = in_array('current-menu-item', $this->classes);

    // if it is the current element
    if($is_current) {

        // set the count / ID / and depth to use in the other functions.
        $this->child_count = ( isset($children_elements[$element->ID]) ) ? count($children_elements[$element->ID]) : 0;
        $this->ID = $element->ID;
        $this->depth = $depth;
        $this->have_current = true;

        if($this->child_count > 0) {

            // if there are children loop through them and display the kids.
            foreach( $children_elements[$element->ID] as $child ) {
                parent::display_element( $child, $children_elements, $max_depth, $depth, $args, $output );
            }

        } else {
            // no children so loop through kids of parent item.
            foreach( $children_elements[$element->menu_item_parent] as $child ) {
                parent::display_element( $child, $children_elements, $max_depth, $depth, $args, $output );
            }

        }
    }

    // if depth is zero and not in current tree go to the next element
    if ( 0 == $depth && !$ancestor_of_current)
        return;

    // if we aren't on the current element proceed as normal
    if(! $this->have_current )
        parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
}
}

Wp_nav_menuの他のカスタムウォーカーと同じように取り付けます。

<?php
wp_nav_menu( array(
    'menu' => 'primary-menu'
    ,'container' => 'nav'
    ,'container_class' => 'subpages'
    ,'depth' => 0
    ,'walker' => new SH_Child_Only_Walker()
 ));
?>
4
jchamb

私も同じような経験をしました。あなたは、ページロジックをウォーカーの外に移動することを考えたいかもしれません。基本的には、現在のページ階層をオブジェクトとしてコンパイルします。その後、wp_nav_menu関数の 'exclude'パラメータを使用してください。現在、除外されたページは、現在のページに子があるかどうかによって異なります。子供たちが兄弟たちを見せないならば。子供たちとその子供たちが行の終わりであるならば、兄弟たちと子供たちを見せる。子供の&&と孫がいる場合は兄弟を除外し、子供と孫を見せる。

0
Steve Fischer