Добавление атрибутов к ссылке <a> в wp_nav_menu с помощью пользовательской функции Walker
Я пытаюсь сгенерировать меню с помощью wp_nav_menu. Ожидаемый вывод выглядит так:
<!-- Главное меню -->
<div class="navbar navbar-blue navbar-fixed-top" style="margin-top:74px">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="divider-vertical"></li>
<li class="dropdown dropdown-hover">
<a href="dashboard.html?lang=en" class="dropdown-toggle" data-toggle="dropdown">Dashboard <b class="caret"></b></a>
<!-- Выпадающее меню -->
<ul class="dropdown-menu">
<li><a href="dashboard.html?lang=en">Dashboard #2</a></li>
<li><a href="dashboard_1.html?lang=en">Dashboard #1</a></li>
</ul>
<!-- Конец выпадающего меню -->
</li>
<li class="divider-vertical"></li>
<li class="active"><a href="gallery.html?lang=en">Photo Gallery</a></li>
<li class="divider-vertical"></li>
<li class="dropdown dropdown-hover">
<a href="site-pages.html?lang=en" class="dropdown-toggle" data-toggle="dropdown">Site Pages <b class="caret"></b></a>
<!-- Выпадающее меню -->
<ul class="dropdown-menu">
<li><a href="site-pages.html?lang=en">View pages</a></li>
<li><a href="site-pages-add.html?lang=en">Add page</a></li>
</ul>
<!-- Конец выпадающего меню -->
</li>
<li class="divider-vertical"></li>
<li class="dropdown dropdown-hover">
<a href="products.html?lang=en" class="dropdown-toggle" data-toggle="dropdown">eCommerce <b class="caret"></b></a>
<!-- Выпадающее меню -->
<ul class="dropdown-menu">
<li class="nav-header">Catalog</li>
<li><a href="categories.html?lang=en">Categories</a></li>
<li><a href="products.html?lang=en">Products</a></li>
<li><a href="products-add.html?lang=en">Add product</a></li>
<li class="divider"></li>
<li><a href="orders.html?lang=en">Orders</a></li>
</ul>
<!-- Конец выпадающего меню -->
</li>
<li class="divider-vertical"></li>
<li class="dropdown dropdown-hover">
<a href="clients.html?lang=en" class="dropdown-toggle" data-toggle="dropdown">Members <b class="caret"></b></a>
<!-- Выпадающее меню -->
<ul class="dropdown-menu">
<li><a href="clients.html?lang=en">Clients</a></li>
<li><a href="account.html?lang=en">Edit account</a></li>
</ul>
<!-- Конец выпадающего меню -->
</li>
<li class="divider-vertical"></li>
<li class="dropdown dropdown-hover">
<a href="charts.html?lang=en" class="dropdown-toggle" data-toggle="dropdown">Other <b class="caret"></b></a>
<!-- Выпадающее меню -->
<ul class="dropdown-menu">
<li><a href="charts.html?lang=en">Charts</a></li>
</ul>
<!-- Конец выпадающего меню -->
</li>
<li class="divider-vertical"></li>
<li class="dropdown dropdown-hover">
<a href="documentation.html?lang=en" class="dropdown-toggle" data-toggle="dropdown">Documentation <b class="caret"></b></a>
<!-- Выпадающее меню -->
<ul class="dropdown-menu">
<li><a href="documentation.html?lang=en">Overview</a></li>
<li><a href="documentation/features.html?lang=en">Features</a></li>
<li><a href="documentation/getting-started.html?lang=en">Getting Started</a></li>
<li><a href="documentation/customization-guide.html?lang=en">Customization Guide</a></li>
<li class="divider"></li>
<li class="nav-header">Powered by</li>
<li><a href="documentation/credits.html?lang=en">Credits</a></li>
</ul>
<!-- Конец выпадающего меню -->
</li>
<li class="divider-vertical"></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<!-- Конец главного меню -->
Пока мне удалось использовать пользовательскую функцию Walker для wp_nav_menu и сгенерировать почти весь HTML как выше, но я не могу вставить class="dropdown-toggle" data-toggle="dropdown" внутрь тега <a>. Это позволит мне переключать выпадающее меню (сейчас я могу генерировать только верхнее меню. Подменю появляются в HTML, но они не видны в браузере).
Вот мой текущий код:
<!-- Главное меню -->
<div class="navbar navbar-blue navbar-fixed-top" style="margin-top:74px">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<?php class My_Walker_Nav_Menu extends Walker_Nav_Menu {
function start_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"dropdown-menu\">\n";
}
}
$defaults = array(
'theme_location' => '',
'menu' => '',
'container' => 'div',
'container_class' => 'nav-collapse collapse',
'container_id' => '',
'menu_class' => 'nav',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id="%1$s" class="%2$s"><li class="divider-vertical"></li>%3$s</ul>',
'depth' => 0,
'walker' => new My_Walker_Nav_Menu
);
wp_nav_menu( $defaults );
?>
</div>
</div>
</div>
<!-- Конец главного меню -->
Может ли кто-нибудь помочь мне модифицировать мою пользовательскую функцию Walker, чтобы получить желаемый HTML-вывод, приведенный выше. Заранее спасибо.
Вы хотите изменить метод start_el
, аналогично тому, как вы изменили метод start_lvl
. В самом простом случае это будет означать изменение этой строки:
$item_output .= '<a'. $attributes .'>';
Чтобы она выглядела так:
$item_output .= '<a class="dropdown-toggle" data-toggle="dropdown"'. $attributes .'>';
Похоже, вам понадобится более сложная логика, чтобы избежать вставки этой строки во всех подменю, но в этом и заключается идея.

Спасибо за ответ. Я только что попробовал этот код: [link]https://gist.github.com/1817371, и он работает хорошо. Мне пришлось немного его модифицировать, чтобы мои подменю отображались.
