text Wp walker菜单

Posted 2021-04-30

IN FUNCTIONS.PHP
================

/**
 * Include walker-menu
 */
require get_template_directory() . '/include/walker-menu.php';


Change register menu
--------------------

    // This theme uses wp_nav_menu() in one location.
    register_nav_menus( array(
        'menu-1' => esc_html__( 'Primary', 'theme' ),
        'menu-2' => esc_html__( 'Footer', 'theme' ),
    ) );



Walker-menu.php code
====================

<?php

/**
 * Class Name: wp_materialize_navwalker
 * GitHub URI: #
 * Description: A custom WordPress nav walker class to "fully" implement the Materialize CSS nested navigation style in a custom theme using the WordPress manager
 * Version: 1.0.0
 * Author: Kailo - https://kailo.io
 * Updated: Nov. 2, 2017 by Mackenzie Fritschle as a shoddy compatibility for multiple walkers
 * License: MIT
 * License URI: #
 */


class mainMenuWalker extends Walker_Nav_Menu
{
    public function start_lvl(&$output, $depth = 0, $args = array())
    {
        if (isset($args->item_spacing) && 'discard' === $args->item_spacing) {
            $t = '';
            $n = '';
        } else {
            $t = "\t";
            $n = "\n";
        }
        $indent = str_repeat($t, $depth);
        $output .= "{$n}{$indent}<span class=\"dropper-nav\"><i class=\"fa fa-angle-down\" aria-hidden=\"true\"></i></span>
<ul class=\"dropdown-content\">{$n}";
    }

}



In header.php (or any place on site where call menu)
====================================================

    <nav class="main-nav" role="navigation">
        <?php
        wp_nav_menu(array('walker' => new mainMenuWalker(), 'container'=>false, 'echo' => true, 'menu_class' => 'main-nav__list', 'theme_location'=>'menu-1', 'fallback_cb'=>false, 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 2, ));
        ?>
    </nav>