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

查看我的客户网站：gift ideas 得到一个主意。希望它有所帮助。

WordPress自定义下拉菜单

1 个答案: