wordpress 中的超级鱼菜单

Question

我在使用 Super Fish 菜单的 WordPress 中制作了主题，问题是它工作正常但是当我让它响应移动视图时它消失了，但是在 html 上它工作正常。我正在使用以下代码。我也试过 bootstrap_navwalker 但我无法将数据类型放入我的 <ul>.

if ( function_exists('wp_nav_menu') ) {
    wp_nav_menu( array(
        'theme_location' => 'primary',
        'sort_column' => 'menu_order',
        'menu_class' => 'sf-menu',
        'fallback_cb' => 'default_menu'
    ));
}

以下是 html 运行良好的代码。

   <nav class="nav">
                    <!--Sf-menu-->
                    <ul class="sf-menu" data-type="navbar">
                        <li>
                            <a href="./">Home</a>
                        </li>
                        <li class="active">
                            <a href="index-1.html">About</a>
                            <ul>
                                <li>
                                    <a href="#">News</a>
                                </li>
                                <li>
                            </ul>
                        </li>
                    </ul>
                    <!--End Sf-menu-->
                </nav>

我检查了很多帖子，甚至这里的一些帖子，但都在谈论安装 wordpress，但现在关于让它响应，甚至一些教程也展示了如何安装 wordpress，但没有展示如何制作移动菜单。感谢帮助

Answer 1

在与 nav_walker 一起玩了很多之后从其他 post 那里得到了解决方案，他使用简单的 'item-wrap' 包装和更改 ul 并添加 data-type=navbar 属性。现在它运行良好。非常感谢你们的帮助。

if ( function_exists('wp_nav_menu') ) {
    wp_nav_menu( array(
        'theme_location' => 'primary',
        'sort_column' => 'menu_order',
        'items_wrap' => '<ul id="%1$s" class="%2$s sf-menu" data-type="navbar" >%3$s</ul>',
        'fallback_cb' => 'default_menu'
    ));
}

在 items_wrap 中，我添加了我的数据类型="navbar"，所以一切正常。

wordpress 中的超级鱼菜单

Super Fish Menu in wordpress

html

css

php

wordpress

superfish