カスタムナビゲーションウォーカーは、現在のメニューアイテムの子、または子のない兄弟を表示します


14

私は何時間もいじり回している/探していて、まだこれを機能させることができないので、私はついにやめて助けを求めています。

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

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

  • 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)が表示されます。


4
他の人にとってより明確になり、質問が未回答としてサイトに出没しないように、ソリューションを回答に移動してください。
ラスト

@Rarstが言ったこと!私はあなたが解決策を思い付くであろうことをほとんど逃しました。
クリスクリコ

ネクロの答え。ほぼ2年前に、SOでほぼ同じ質問をしましたが、非常に良い答えがありました。stackoverflow.com/questions/5826609/…–
ストーシュ

質問内の回答を別の回答に移動しました。OP:そこをフォローアップしてください。
カイザー

回答:


4

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

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

<?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()
 ));
?>

ここで指している@Stooshのコメントを指摘したいと思います。stackoverflow.com/questions/5826609
...

0

私も同じような経験をしました。歩行者からページロジックを移動することを検討することもできます。基本的に、現在のページ階層をオブジェクトとしてコンパイルします。次に、wp_nav_menu関数の「exclude」パラメーターを使用します。現在、除外されたページは、現在のページに子があるかどうかに依存します。子供が兄弟を見せない場合; 子供とその子供が行末である場合、兄弟と子供を表示します。子&&と孫が存在する場合、兄弟を除外し、子と孫を表示します。


exclude参照するこのパラメーターは何ですか?私はドキュメントを見ていますが、それに対する参照は見当たりません。
クリスクリコ

1
間違えたことをおaびします。「除外」パラメーターがないことは正しいです。「wp_list_pages」関数を使用するつもりでした。
スティーブフィッシャー

非常に良い、心配はありません。文書化されていない何かがバックエンドにあるかどうかに興味がありました。これは以前に見たことがあります。それを片付けてくれてありがとう!私はwp_list_pages()このコンテキストで使用することを考えていなかったので、それは興味深いアイデアです。
クリスクリコ
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.