ウィジェットで作成されたメニューにカスタムウォーカーを追加する


10

テーマによって作成されたカスタムメニュー(primaryこの例では名前が付けられたメニュー)にウォーカーを追加する方法を知っていますが、デフォルトのワードプレスカスタムメニューウィジェットを使用して、ウィジェットで作成されたメニューをどのようにターゲットできますか?

if ( has_nav_menu( 'primary' ) ) {

$args = array(
    'menu' => 'main-menu',
    'menu_id' => 'main-menu',
    'theme_location' => 'primary',
    'depth' => 0,
    'container' => false,
    'menu_class' => 'nav',
    'walker' => new Myprefix_Walker_Nav_Menu(),
    'echo' => 0
);

$nav = wp_nav_menu( $args );

}

回答:


14

WP_Nav_Menu_Widgetクラスの実装を見ると、次のコードが表示されます。

function widget($args, $instance) {
    // Get menu
    $nav_menu = ! empty( $instance['nav_menu'] ) ? wp_get_nav_menu_object( $instance['nav_menu'] ) : false;

    if ( !$nav_menu )
        return;

    $instance['title'] = apply_filters( 'widget_title', empty( $instance['title'] ) ? '' : $instance['title'], $instance, $this->id_base );

    echo $args['before_widget'];

    if ( !empty($instance['title']) )
        echo $args['before_title'] . $instance['title'] . $args['after_title'];

    wp_nav_menu( array( 'fallback_cb' => '', 'menu' => $nav_menu ) );

    echo $args['after_widget'];
}

これは、メニューをフックする機会がないことを意味します。したがってwp_nav_menu、次のコード行が見つかる関数の実装を確認する必要があります。

$defaults = array(
  'menu' => '',
  'container' => 'div',
  'container_class' => '',
  'container_id' => '',
  'menu_class' => 'menu',
  'menu_id' => '',
  'echo' => true,
  'fallback_cb' => 'wp_page_menu',
  'before' => '',
  'after' => '',
  'link_before' => '',
  'link_after' => '',
  'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
  'depth' => 0,
  'walker' => '',
  'theme_location' => ''
);

$args = wp_parse_args( $args, $defaults );
$args = apply_filters( 'wp_nav_menu_args', $args );
$args = (object) $args;

ここで、wp_nav_menu関数に渡されたすべての引数を置き換えることができることがわかります。したがって、必要なのは、独自のフックハンドラーを作成して、ウォーカーをナビゲーションメニューに追加することです。それは次のように簡単かもしれません:

function myplugin_custom_walker( $args ) {
    return array_merge( $args, array(
        'walker' => new My_Custom_Walker(),
        // another setting go here ... 
    ) );
}
add_filter( 'wp_nav_menu_args', 'myplugin_custom_walker' );

ありがとうございます。これがすべてのメニューのデフォルトになるようです。私がこれを使用するとき、私はこのウォーカーを持つすべてのメニューに行き詰まっていると思いますか?'walker' => new Walker_Nav_Menu()特定のメニューの引数を試してもう一度オーバーライドして、1つのメニューのワードプレスのデフォルトウォーカーにしようとしたのですが、残念ながらこれは機能しません。
エイミー

@amyはい、すべてのメニューのデフォルトになります。
ユージーンマヌイロフ

@amy引数を調べるコードを含めることができます。次に、ウォーカーを適用するかどうかにかかわらず、条件付きのifを配置します。
ウェイン

4

@Eugeneの答えを拡張して、これを特定のメニューに制限したい場合は、メニューの用語IDを確認してください:

function custom_nav_args($args){
$menu = $args['menu'];
    if($menu->term_id === 17)  /* replace term_id with menu id, or use $menu->name to do it by menu name*/
    {
        $args['walker'] = new My_Custom_Walker();
    }
    return $args;
}
add_filter('wp_nav_menu_args', 'custom_nav_args');

サイドバーIDでどのようにフィルタリングしますか?
Steven Vachon

1

これは、によってメニューをターゲティングする代わりのterm_id方法であり、IDを検索することなくいくつかのメニューを変更する方法として誰かに役立つかもしれないと思いました。

print_r($args)フィルターに追加することで、それ$args['menu']が事前定義されたテーマの場所WP_Term_Objectにあるメニューとサイドバーのカスタムメニューウィジェットの文字列であることに気付きました。

これを使用して、スラッグでメニューをターゲティングし、コンテナーにクラスを追加しました。ナメクジに共通の文字列を含めることで、多くのメニューをターゲットにできます。注:メニュースラッグはの配列キーに由来しますregister_nav_menus()

function my_menu_thingy( $args ) {
  if( is_object($args['menu']) && strpos($args['menu']->{slug},'my-common-string') !== false ) {
    $args['walker'] = new My_Custom_Walker();
  }
  return $args;
}
add_filter( 'wp_nav_menu_args', 'my_menu_thingy' );

単一のメニューの場合は$args['menu']->{slug} == 'your-slug'、上のstrpos()ビットの代わりにそれを確認するだけで済みます。


1

widget_nav_menu_argswordpressで追加されたフィルターを使用して、ウィジェットで作成されたナビゲーションメニューにカスタムウォーカーを追加できます4.2.0。4つの引数を受け入れます(を参照wp-includes/widgets/class-wp-nav-menu-widget.php)。ただし、カスタムウォーカーのみを追加するには、wp_nav_menu_argsフィルターを使用するのと同じように、最初の引数を使用する必要があります。

    add_filter('wp_nav_menu_args', 'my_args'); //for menus
    add_filter('widget_nav_menu_args', 'my_args'); //for menus in widgets
    function my_args($args) { //$args is only argument needed to add custom walker
       return array_merge( $args, array(
          'walker' => new My_Custom_Walker(),
       ) );
    }
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.