php - 在自定义主题 wordpress 上添加下拉菜单

Question

我正在尝试为我正在开发的主题创建一个下拉菜单，但子菜单项显示在父菜单项旁边。

我把它保存为子菜单项

这就是我们的程序应该在我们下面的样子，现在一切都很困惑

这就是我在 functions.php 中的导航

function register_my_menus() {
  register_nav_menus(
    array(
      'header-menu' => __( 'Header Menu' ),
      'extra-menu' => __( 'Extra Menu' )
    )
  );
}

add_action( 'init', 'register_my_menus' );

   $defaults = array(
    'default-image'          => '',
    'width'                  => 0,
    'height'                 => 0,
    'flex-height'            => false,
    'flex-width'             => false,
    'uploads'                => false,
    'random-default'         => false,
    'header-text'            => true,
    'default-text-color'     => '',
    'wp-head-callback'       => '',
    'admin-head-callback'    => '',
    'admin-preview-callback' => '',
);
add_theme_support( 'custom-header', $defaults );

在我的 header.php 中

<div id="menu">
    <ul>
        <li id="access"><?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?></li>
    </ul>
</div>

我好像在网上找不到任何东西。任何帮助将不胜感激!

Answer 1

您需要为菜单添加不同的类。并为这些类应用适当的 CSS 位置(left: (n)px; top: (n)px;)。

wp_nav_menu( array( 
  'sort_column' => 'menu_order', 
  'container_class' => 'menu-header',
  'menu_class' => 'custom_menu' //add class,
  'container' => 'div',
  'menu' => 'main-nav',
));

希望对你有帮助:)