web-dev-qa-db-ja.com

カスタムウォーカー：関数start_lvlでIDを取得する方法

私はアコーディオンメニューを作るための私の最初のカスタムウォーカーを作っています。まず始めにこの例を使いました： http://bitacre.com/2025/custom-nav-menu-walker-for-wordpress-themes

機能は2つあります。最初にstart_lvl、次にstart_elです。

Start_elでは、IDは$ item-> IDによって実装されます。 start_lvlでもこれを実行できる方法を誰かが知っていますか？アコーディオンメニューでIDを折りたたむことができるように、（周囲の下位レベルのナビゲーション）にIDを渡す必要があります。

私が生成しようとしているのはこのようなものです。

<a href="#collapse2">Titel 2</a>
<ul id="collapse2">Lower Level Menu 2</ul>
<a href="#collapse3">Titel 3</a>
<ul id="collapse3">Lower Level Menu  3</ul>

Start_lvl関数のための私のコード：

// add id's and classes to ul sub-menus
function start_lvl( &$output, $depth, $item ) {
    // depth dependent classes
    $indent = ( $depth > 0  ? str_repeat( "\t", $depth ) : '' ); // code indent
    $display_depth = ( $depth + 1); // because it counts the first submenu as 0
    $pgid = ; // How to get ID in here??
    $classes = array(
        'sub-menu',
        ( $display_depth == 1  ? 'accordion-body collapse' : '' ),
        ( $display_depth % 2  ? 'menu-odd' : 'menu-even' ),
        ( $display_depth >=2 ? 'sub-sub-menu' : '' ),
        'menu-depth-' . $display_depth
        );
    $ids = array(
        'collapse' . $pgid
        );
    $class_names = implode( ' ', $classes );
    $id_name = implode( ' ', $ids );

    // build html
    $output .= "\n" . $indent . '<ul id="' . $id_name . '" class="' . $class_names . '">' . "\n";
}
customizationidwalker
11
Robert Bouten

私は自分のテーマの1つでこれを実行しなければなりませんでした... Walkerのその段階では$ item変数にアクセスできないので、あなたは現時点でよりグローバルなスコープで現在のアイテムを保存したいでしょう。それへのアクセス権がありますか。以下のコードはもっと理にかなっているでしょう...注意：私は関連するコード以外のすべてを取り除きました。

class ThemeTruck_Nav_Walker extends Walker_Nav_Menu {
   private $curItem;

  // retrieve the curItem
  function start_lvl(&$output, $depth = 0, $args = array()) {
    var_dump($this->curItem );
  }

  // store the curItem
  function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
    $this->curItem = $item;
  }

 }
30
Lane

私は同様の問題を抱えており、クラス内で静的変数を使用することでそれを解決しました：

static protected $menu_lvl;

そして "display_element"で変数をインクリメントしました：

self::$menu_lvl++;

私のコードでは、start_lvl関数で次のように参照しています。

$output .= "<ul id='level". self::$menu_lvl ."'>";

これはページIDを使用しませんが、それはjavascriptによって参照されることができるULステートメントのためにユニークなIDを使用します。

ところで - これは本当にネストされたアコーディオン、またはモバイルアプリのためにBootstrapを使用するRootsテーマの中でクリック可能なネストされたドロップダウンのために本当に役に立ちます。

3
Sean Donovan

start_el関数で次のフィルタを使用し、start_lvl関数で引数を変更することができます。

apply_filters( 'walker_nav_menu_start_lvl', $item_output, $item, $depth, $args->myarg=$item->title );

それがうまくいくかどうか私に知らせてください。

2
Nabajit Roy

カスタムウォーカーの引数に$ pageを追加するだけです。

class My_Custom_Walker extends Walker_page {
    function start_el(&$output, $page, $depth, $args, $current_page) {
        if ( $depth )
            $indent = str_repeat("\t", $depth);
        else
            $indent = '';

        extract($args, EXTR_SKIP);

        $output .= $indent . 
            '<li>
            <a style="color:red" href="' . get_page_link($page->ID) . '" title="' . 
            esc_attr( wp_strip_all_tags( apply_filters( 'the_title', $page->post_title, $page->ID ) ) ) . '">' . 
            $link_before . apply_filters( 'the_title', $page->post_title, $page->ID ) . $link_after . '</a>';

上記を試してから、wp_list_pages（）を呼び出す前に、カスタムwalkerクラスを追加してください。

$MyWalker = new My_Custom_Walker();

次に、wp_list_pagesの引数で次のようにします。

wp_list_pages（ 'walker' => $ MyWalker）

ウォーカーの出力が赤かどうかを確認してください。

0
AlxVallejo