我有一份定制的步行菜单。(参见下面的代码)
我想要这样的导航菜单
----------------------------------
Home | link1 | link2 | link3 (5)
----------------------------------
在哪里
5
是link3的子计数。
有人能帮我实现这个吗?
这是我当前自定义的导航助行器代码。
<?php
/**
* Cleaner walker for wp_nav_menu()
*
* Walker_Nav_Menu (WordPress default) example output:
* <li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8"><a href="/">Home</a></li>
* <li id="menu-item-9" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9"><a href="/sample-page/">Sample Page</a></l
*
* Roots_Nav_Walker example output:
* <li class="menu-home"><a href="/">Home</a></li>
* <li class="menu-sample-page"><a href="/sample-page/">Sample Page</a></li>
*/
class Roots_Nav_Walker extends Walker_Nav_Menu {
function check_current($classes) {
return preg_match(\'/(current[-_])|active|dropdown/\', $classes);
}
function start_lvl(&$output, $depth = 0, $args = array()) {
$output .= "\\n<ul class=\\"dropdown-menu\\">\\n";
}
function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
$item_html = \'\';
parent::start_el($item_html, $item, $depth, $args);
if ($item->is_dropdown && ($depth === 0)) {
$item_html = str_replace(\'<a\', \'<a class="dropdown-toggle" data-toggle="dropdown" data-target="#"\', $item_html);
$item_html = str_replace(\'</a>\', \' <b class="caret"></b></a>\', $item_html);
}
elseif (stristr($item_html, \'li class="divider\')) {
$item_html = preg_replace(\'/<a[^>]*>.*?<\\/a>/iU\', \'\', $item_html);
}
elseif (stristr($item_html, \'li class="nav-header\')) {
$item_html = preg_replace(\'/<a[^>]*>(.*)<\\/a>/iU\', \'$1\', $item_html);
}
$output .= $item_html;
}
function display_element($element, &$children_elements, $max_depth, $depth = 0, $args, &$output) {
$element->is_dropdown = !empty($children_elements[$element->ID]);
if ($element->is_dropdown) {
if ($depth === 0) {
$element->classes[] = \'dropdown\';
} elseif ($depth === 1) {
$element->classes[] = \'dropdown-submenu\';
}
}
parent::display_element($element, $children_elements, $max_depth, $depth, $args, $output);
}
}
/**
* Remove the id="" on nav menu items
* Return \'menu-slug\' for nav menu classes
*/
function roots_nav_menu_css_class($classes, $item) {
$slug = sanitize_title($item->title);
$classes = preg_replace(\'/(current(-menu-|[-_]page[-_])(item|parent|ancestor))/\', \'active\', $classes);
$classes = preg_replace(\'/^((menu|page)[-_\\w+]+)+/\', \'\', $classes);
$classes[] = \'menu-\' . $slug;
$classes = array_unique($classes);
return array_filter($classes, \'is_element_empty\');
}
add_filter(\'nav_menu_css_class\', \'roots_nav_menu_css_class\', 10, 2);
add_filter(\'nav_menu_item_id\', \'__return_null\');
/**
* Clean up wp_nav_menu_args
*
* Remove the container
* Use Roots_Nav_Walker() by default
*/
function roots_nav_menu_args($args = \'\') {
$roots_nav_menu_args[\'container\'] = false;
if (!$args[\'items_wrap\']) {
$roots_nav_menu_args[\'items_wrap\'] = \'<ul class="%2$s">%3$s</ul>\';
}
if (current_theme_supports(\'bootstrap-top-navbar\')) {
$roots_nav_menu_args[\'depth\'] = 3;
}
if (!$args[\'walker\']) {
$roots_nav_menu_args[\'walker\'] = new Roots_Nav_Walker();
}
return array_merge($args, $roots_nav_menu_args);
}
add_filter(\'wp_nav_menu_args\', \'roots_nav_menu_args\');
最合适的回答,由SO网友:PrivateUser 整理而成
function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) {
$item_html = \'\';
parent::start_el($item_html, $item, $depth, $args);
$locations = get_nav_menu_locations();
$menu = wp_get_nav_menu_object( $locations[\'primary_navigation\'] );
$menu_items = wp_get_nav_menu_items($menu->term_id);
$count = 0;
foreach( $menu_items as $menu_item ){
if( $menu_item->menu_item_parent == $item->ID ){
$count++;
}
}
if ($item->is_dropdown) {
$item_html = str_replace(\'</a>\', \' <span class="badge">\'.$count.\'</span></a>\', $item_html);
}
if ($item->is_dropdown && ($depth === 0)) {
$item_html = str_replace(\'<a\', \'<a class="dropdown-toggle" data-toggle="dropdown" data-target="#"\', $item_html);
$item_html = str_replace(\'</a>\', \' <b class="caret"></b></a>\', $item_html);
}
elseif (stristr($item_html, \'li class="divider\')) {
$item_html = preg_replace(\'/<a[^>]*>.*?<\\/a>/iU\', \'\', $item_html);
}
elseif (stristr($item_html, \'li class="nav-header\')) {
$item_html = preg_replace(\'/<a[^>]*>(.*)<\\/a>/iU\', \'$1\', $item_html);
}
$output .= $item_html;
}
SO网友:AlexGW
此解决方案最干净的方法是跟踪display_element
功能(其中$this->has_children
已设置)其中Walker_Nav_Menu
原始版本的使用Walker
类(以及所有其他Walker\\u X类)。
这将允许访问扩展Walker_Nav_Menu
功能start_el
, start_lvl
, end_lvl
, end_el
, 以及嵌套在display_element
范围使用$this->total_children
这将使您无需为所有这些功能编写此代码(如果需要),并使用大型Walker
结构,就像这样。。。
class Extended_Walker_Nav_Menu extends Walker_Nav_Menu {
public $total_children;
public function display_element( $element, &$children_elements, $max_depth, $depth, $args, &$output ) {
if ( ! $element ) {
return;
}
$id_field = $this->db_fields[\'id\'];
$id = $element->$id_field;
$this->total_children = 0;
if ( ! empty( $children_elements[ $id ] ) ) {
$this->total_children = count( $children_elements[ $id ] );
}
parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
}
}