Question

我正在尝试将悬停菜单上的BootStrap下拉列表转换为wordpress。我使用Underscores作为基本主题，我被困在HTML菜单中如下：

<div class="dropdown navbar-header pull-right">
    <button class="c-hamburger c-hamburger--htx btn-default navbar-btn dropbtn">
                            <span>toggle menu</span>
                        </button>
    <div class="dropdown-content">
        <li class="active"><a href="index.html">Home</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="blog.html">Blog</a></li>
        <li><a href="contact.html">Contact</a></li>
    </div>
</div>

我已经完成了以下header.php文件：

<?php
  wp_nav_menu( array (

    'theme_location'    => 'primary',
    'container'         => 'nav',
    'container-class'   => 'dropdown navbar-header pull-right',
    'menu-class'        => 'dropdown-content'));
?>

有人可以帮帮我吗？我对此缺乏经验。

Answer 1

您可以将该代码放在.dropdown-cotext div中，并保持其他所有内容相同

<div class="dropdown-content"> 
    <?php
    wp_nav_menu( array (
        'theme_location'    => 'primary',
        'items_wrap'        => '<ul class="%2$s">%3$s</ul>'));
    ?>
</div> `

然后你必须在你的函数文件中注册菜单，我会把它放在设置函数中：

register_nav_menus( array(
    'primary' => esc_html__( 'Header Menu', 'theme_name' ),
) );

注意我按位置

确定了菜单

如何在悬停到Wordpress时转换BootStrap下拉列表

1 个答案: