Wordpress подменю

Question

Я хочу создать горизонтальное подменю в WordPress с помощью wp_nav_menu ();

Как сейчас, я вывожу все меню с помощью 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>

У кого-то есть идея?:) спасибо

Answer 1

Не изменяйте код шаблона, вы должны сделать это с помощью css.

Пример здесь: http://jsfiddle.net/2G9dQ/1/

Answer 2

Извините, что опубликовал второй ответ, но это совершенно другое решение с jQuery (хотя одна строка js): http://jsfiddle.net/AFC2r/. CSS, очевидно, просто для того, чтобы сделать его более понятным.

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

В зависимости от ваших потребностей, решение soju только для CSS может быть лучше.

Answer 3

Как насчет использования 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>

Answer 4

Самый простой способ - просто создать 2 отдельных меню в wp-admin.