标签: wp-nav-walker

我在我的 Wordpress 项目中使用了这个导航器。例如，我想创建多级菜单。我需要改变什么才能让它工作？或者它可能是具有多级菜单支持的 BS4 的另一个步行者？

Menu Item
- Sub menu
-- Sub menu item
-- Sub menu item
Menu Item

我正在使用nav_walker在导航栏中创建动态wordpress链接。我如何在wordpress nav_walker中实现这样的中心：

+-----------------------------+-----------+------------------------------+
+---------------HOME--ABOUT---|-LOGO HERE-|---CONTACT--PROFILE-----------+
+-----------------------------+-----------+------------------------------+

我该怎么办或有什么需要我给我提的。左右导航是否有两个nav_walker函数？如何在中心插入导航栏品牌？谁能给我结构。谢谢。

我的代码：

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>

    <div class="navbar-brand navbar-center">

    </div>

    <?php wp_nav_menu(array(
        'menu'           => 'primary-1',
        'theme_location' => 'primary-1',
        'depth'          => 2,
        'container'      => 'div',
        'container_class'   => 'collapse navbar-collapse navbar-center',
        'container_id'      => 'bs-example-navbar-collapse-1',
        'menu_class'        => 'nav navbar-nav',
        'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
        'walker'            => new wp_bootstrap_navwalker()
        )); 
    ?>
</nav>

我这里有两个不同的显示器。1 个用于移动设备，另一个用于桌面设备。我需要为菜单中的 1 个菜单项（最后 1 个）输出不同的 html。例如，给定以下菜单结构：

- Menu Item 1
-- Child 1
-- Child 2
-- Child 3
- Menu Item 2
-- Child 1
-- Child 2
-- Child 3
-- Child 4
- Menu Item 3
-- Child 1
-- Child 2
-- Child 3
-- Child 4
-- Child 5
-- Child 6

我需要能够为桌面输出以下结构：

<ul>
    <li>Menu Item 1
    <ul>
        <li>Child 1</li>
        <li>Child 2</li>
        <li>Child 3</li>
    </ul>
    </li>
    <li>Menu Item 2
    <ul>
        <li>Child 1</li>
        <li>Child 2</li> …

如何创建像这样的自定义 Polylang 语言切换器https://prnt.sc/vnj7b3？要使用的 Html 标记：父级：

<a href="#" class="menu__link language">EN
                                <span><svg width="8px" viewBox="0 0 451.847 451.847">
                                        <g>
                                            <path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751
          c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0
          c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z" />
                                        </g>
                                    </svg></span>
                            </a>

悬停时显示在下拉列表中的子元素：

<div class="drop-block lang">
                    <a href="https://google.com" class="drop-block__link">RU</a>
                    <a href="https://google.com" class="drop-block__link">EN</a>
                    <a href="https://google.com" class="drop-block__link">UA</a>
                </div>

尝试过这个功能，但我无法控制标记：

<?php pll_the_languages( array( 'dropdown' => 1, 'hide_current=> 1 ) ); ?>