0

我想用 wp_nav_menu() 在 wordpress 中创建一个水平子菜单；

现在我用 wp_nav_menu 输出整个菜单，但由于孩子们在他们的父母中输出，我不能制作子菜单。只是一个下拉菜单。

我希望它看起来像这样。主页、文章、关于和联系是页面，灵感、技术和采访是类别。

首页文章关于接触
灵感 技术面试
（如果我按文章）

所以这就是它的样子：

<ul class="mainmenu">
  <li>Home</li>
  <li>Articles
    <ul class="submenu">
      <li>Inspiration</li>
      <li>Technology</li>
      <li>Interview</li>
    </ul>
  </li>
  <li>About</li>
  <li>Contact</li>
</ul>

这就是我想要的：

<ul class="mainmenu">
  <li>Home</li>
  <li>Articles</li>
  <li>About</li>
  <li>Contact</li>
</ul>
<ul class="submenu">
  <li>Inspiration</li>
  <li>Technology</li>
  <li>Interview</li>
</ul>

有人有想法吗？：） 谢谢

4

4 回答 4

1

不要修改模板代码，你应该用 css 来做。

示例：http: //jsfiddle.net/2G9dQ/1/

于 2011-03-02T13:04:07.813 回答
0

使用wp_list_pages()而不是wp_nav_menu()怎么样，这样你就可以拥有类似这样的主菜单和子菜单：

<ul id="mainmenu">
    <?php wp_list_pages("title_li=&depth=1"); ?>
</ul>
<ul id="submenu">
    <?php wp_list_pages("title_li=&depth=1&child_of=".$post->post_parent ); ?>
</ul>
于 2011-03-02T13:36:44.563 回答
0

很抱歉发布第二个答案，但它是与 jQuery 完全不同的解决方案（尽管只有一行 js）：http: //jsfiddle.net/AFC2r/。那里的 CSS 显然只是为了让它看起来更清晰。

$(function() {
    $(".mainmenu .submenu").detach().insertAfter('.mainmenu');
});

根据您的需要，soju 的纯 CSS 解决方案当然会更好。

于 2011-03-02T14:05:56.303 回答
0

最简单的方法是在 wp-admin 中创建 2 个单独的菜单。

于 2011-03-02T12:50:47.697 回答