Вывод произвольного меню нестандартной структуры

Подскажите, как вывести произвольное меню вот такой структуры:

<ul class="clearfix">
    <li><a href="#" title="">Меню/a>
        <div class="podmenu-outer">
            <div class="podmenu-inner">
				<ul class="clearfix">
                    <li class="li-01"><a href="#" title="">Подменю 1</a></li>
                         <li class="li-02"><a href="#" title="">Подменю 2</a></li>
                             <li class="li-03"><a href="#" title="">Подменю 3</a></li>
                                <li class="li-01"><a href="#" title="">Подменю 4</a></li>
                                    <li class="li-02"><a href="#" title="">Подменю 5</a></li>
                </ul>
            </div>
        </div>
                    <li><a href="#" title="">Меню 2</a></li>
                        <li><a href="#" title="">Меню 3</a></li>

                </ul>

Здесь в обычный список вложены два DIV div class=»podmenu-outer» и div class=»podmenu-inner», необходимы для выпадающего меню.

vitall
Оцените автора
Добавить комментарий

  1. Apathetic

    В functions.php добавить

    class Divdiv_Nav_Menu extends Walker_Nav_Menu {
     function start_lvl( &$output, $depth ) {
      $output .= '<div class="podmenu-outer" style="height: 0px; overflow: hidden;"><div class="podmenu-inner" style="height: 0px; overflow: hidden; margin-top: -107px;"><ul class="clearfix">';
     }
     function end_lvl( &$output, $depth ) {
      $output .= '</ul></div></div>';
     }
    }

    В аргументы wp_nav_menu передать дополнительный параметр

    'walker' => new Divdiv_Nav_Menu

    Классы элементам списка можно раздать на странице управления меню в админке.

    Сделать так, чтобы дочерние li получали класс автоматически в порядке 01-02-03-01-02 и так далее можно, но сложно. Уверен, проще переверстать.

    Ответить