用div包装子菜单项 - WordPress

时间:2015-11-16 10:20:31

标签: html css wordpress

在WordPress中,我试图包围子菜单列表中的项目。我已经编写了HTML,因为我希望它出现,但是如何将它放入wp_nav_menu()?

<ul class="menu">
  <li class="has_children"><a>Games</a>
    <ul class="sub-menu">
      <div class="column"> <!-- this line needs adding -->
        <li>
          <h4>Games</h4>
          <ul>
            <li><a href="#">Game 1</a></li>
            <li><a href="#">Game 2</a></li>
          </ul>
        </li>
    </ul>
  </li>
</ul>

2 个答案:

答案 0 :(得分:1)

首先打开主题的functions.php文件并粘贴以下代码:

function register_my_menu() {
  register_nav_menu('header-menu',__( 'Header Menu' ));
}
add_action( 'init', 'register_my_menu' );

这将显示两个菜单选项,标题菜单和额外菜单

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

粘贴此代码后,它应该在菜单管理页面的“页面”小部件下添加一个选项,以便用户只需将其作为要添加到自定义菜单中的项目进行检查。

在主题上显示菜单

<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

菜单面板

外观 - &gt;您网站管理员中的菜单面板,并使用此管理面板上的GUI菜单创建器将您的菜单放在一起。

答案 1 :(得分:0)

  1. 创建一个功能

    libfoo
  2. 无论您在何处调用导航菜单,请将其添加到现有菜单中 参数:

    prog