Пользовательское подменю навигации Walker

Я использую пользовательскую навигацию и хочу создать древовидное меню.

Вот структура HTML для полной навигации

<ul class = "navbar-nav">
                            <li class = "has_dropdown">
                                <a href = "index.html">HOME</a>
                                <div class = "dropdowns dropdown--menu">
                                    <ul>
                                        <li>
                                            <a href = "index.html">Home Multi Vendor</a>
                                        </li>
                                        <li>
                                            <a href = "index-single.html">Home Two Single User</a>
                                        </li>
                                        <li>
                                            <a href = "index3.html">Home Three Product</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class = "has_dropdown">
                                <a href = "all-products-list.html">all product</a>
                                <div class = "dropdowns dropdown--menu">
                                    <ul>
                                        <li>
                                            <a href = "all-products.html">Recent Items</a>
                                        </li>
                                        <li>
                                            <a href = "all-products.html">Popular Items</a>
                                        </li>
                                        <li>
                                            <a href = "index3.html">Free Templates</a>
                                        </li>
                                        <li>
                                            <a href = "#">Follow Feed</a>
                                        </li>
                                        <li>
                                            <a href = "#">Top Authors</a>
                                        </li>
                                    </ul>
                                </div>

Вот HTML-вызов для wp_nav_menu:

  <?php 
                    $args = array(

                        'container'       => 'ul',
                        'theme_location'  => 'primary-menu',
                        'menu_class'      => 'navbar-nav',


                       );
                       wp_nav_menu( $args );
    ?>

Как я могу сделать это с помощью функции Walker

wordpress drop-down-menu menu wp-nav-walker

09.07.2019 19:08

Как убрать количество товаров в категории WooCommerce

По умолчанию WooCommerce показывает количество товаров рядом с категорией, как показано ниже.

Использование ob_flush() в PHP при ожидании cURL

1 617

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вот дополнительная информация о Класс WordPress NavWalker

Чтобы добавить ходок в свое меню, вы должны включить класс ходока в свой код и применить его к меню, передав его имя-функции в качестве аргумента:

вывод nav-menu для файлов шаблонов вашей темы

$args = [
  'container'       => 'ul',
  'theme_location'  => 'primary-menu',
  'menu_class'      => 'navbar-nav',
  'walker'          => new Walker_Texas_Ranger()
];
wp_nav_menu( $args );

Фактический класс nav-walker (в файле functions.php вашей темы или в другом месте)

class Walker_Texas_Ranger extends Walker {

    // Tell Walker where to inherit it's parent and id values
    var $db_fields = array(
        'parent' => 'menu_item_parent', 
        'id'     => 'db_id' 
    );

    /**
     * At the start of each element, output a <li> and <a> tag structure.
     * 
     * Note: Menu objects include url and title properties, so we will use those.
     */
    function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
        $output .= sprintf( "\n<li><a href='%s'%s>%s</a></li>\n",
            $item->url,
            ( $item->object_id === get_the_ID() ) ? ' class = "current"' : '',
            $item->title
        );
    }

}

09.07.2019 19:15