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

Автор vitall Обновлено 27.12.2016

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

<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», необходимы для выпадающего меню.

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>'; } }

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

Apathetic 31.01.2013 в 22:00
В 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 и так далее можно, но сложно. Уверен, проще переверстать.
Ответить