WordPress自定义下拉菜单

Question

我正在寻找在WP中创建可定制的下拉菜单（使用我已经创建的CSS样式），用户可以通过在WP菜单页面上创建类别来向下拉菜单添加或减去页面标题。 到目前为止，我已经设法实现了更直接的子导航菜单，并将代码指向该菜单，如下所示：

<nav id="sub-navigation">
<?php wp_nav_menu(array('menu' => 'Sub Nav Menu')); ?>
</nav>

相同的代码没有为主导航下拉列表选择样式，我希望对此有所帮助。 如果需要，我可以发布完整的代码。

Answer 1

假设您在html中具有菜单样式，如下所示：

<div id="menu-container">
  <ul class="nav">
    <li>menu1</li>
    <li>menu2</li>
    <li>menu3</li>
    <li>menu4</li>
  </ul>
</div>

和你的functions.php有

add_action( 'init', 'register_my_menus' );
function register_my_menus() {
    register_nav_menus(
        array(
            'Primary' => __( 'Primary Menu' )
        )
    );
}

现在用于菜单的代码是：

<?php wp_nav_menu( array( 
            'theme_location' => 'Primary', 
            'menu_id' => '', 
            'menu_class' => 'nav', 
            'container_id' =>'menu-container',
            'container_class' =>''
));?>

要捕获下拉菜单项的CSS规则，您可以在CSS中使用

.nav ul
.nav ul li
.nav ul li a

要么

.sub-menu ul
.sub-menu ul li
.sub-menu ul li a

请访问我的客户网站： 礼物创意，以获取灵感 。 希望能帮助到你。