wp_nav_menu: проверка наличия дочерних элементов и добавление класса к якорной ссылке
Я пытаюсь добавить класс к якорным ссылкам дочерних элементов в wp_nav_menu как для страниц, так и для записей. Есть ли способ изменить Nav Menu Walker и сделать это?
В основном мой пользовательский walker выглядит так:
class Main_Nav extends Walker_Nav_Menu {
function start_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"dropdown-menu\">\n";
}
function start_el(&$output, $item, $depth, $args) {
if( $depth == 0) {
$output .= "<li class='menu'>";
}
if( $depth == 1) {
$output .= "<li>";
}
$attributes = '';
! empty( $item->attr_title ) and $attributes .= ' title="' . esc_attr( $item->attr_title ) .'"';
! empty( $item->target )and $attributes .= ' target="' . esc_attr( $item->target ) .'"';
! empty( $item->xfn )and $attributes .= ' rel="' . esc_attr( $item->xfn ) .'"';
! empty( $item->url )and $attributes .= ' href="' . esc_attr( $item->url ) .'"';
$title = apply_filters( 'the_title', $item->title, $item->ID );
if (/* У ЭЛЕМЕНТА МЕНЮ ЕСТЬ ДОЧЕРНИЕ ЭЛЕМЕНТЫ */) {
$item_output =
"<a $attributes class='menu'>"
. $title
. '</a> ';
}
else {
$item_output =
"<a $attributes>"
. $title
. '</a> ';
}
$output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth);
}
}
Как видите, я не знаю правильное условие вместо /* У ЭЛЕМЕНТА МЕНЮ ЕСТЬ ДОЧЕРНИЕ ЭЛЕМЕНТЫ */
.
Спасибо.
ОБНОВЛЕНИЕ
Благодаря Tamil я обновил код следующим образом:
class Main_Nav extends Walker_Nav_Menu {
function start_lvl(&$output, $depth) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"dropdown-menu\">\n";
}
function start_el(&$output, $item, $depth, $args) {
if( $depth == 0) {
$output .= "<li class='menu'>";
}
if( $depth == 1) {
$output .= "<li>";
}
$attributes = '';
! empty( $item->attr_title ) and $attributes .= ' title="' . esc_attr( $item->attr_title ) .'"';
! empty( $item->target )and $attributes .= ' target="' . esc_attr( $item->target ) .'"';
! empty( $item->xfn )and $attributes .= ' rel="' . esc_attr( $item->xfn ) .'"';
! empty( $item->url )and $attributes .= ' href="' . esc_attr( $item->url ) .'"';
$title = apply_filters( 'the_title', $item->title, $item->ID );
global $wpdb;
$query = $wpdb->prepare("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status ='publish' AND post_type='nav_menu_item' AND post_parent=%d", $item->ID);
$child_count = $wpdb->get_var($query);
if($child_count > 0) { /* У ЭЛЕМЕНТА МЕНЮ ЕСТЬ ДОЧЕРНИЕ ЭЛЕМЕНТЫ */
$item_output =
"<a $attributes class='menu'>"
. $title
. '</a> ';
} else {
$item_output =
"<a $attributes>"
. $title
. '</a> ';
}
$output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth);
}
}
Однако это не помогло :(

Мне удалось добавить CSS-класс "parent" к тегу <a> пунктов меню, у которых есть дочерние элементы, следуя этому ответу: Добавление класса 'has_children' к родительскому li при модификации Walker_Nav_Menu
Вот пример:
class Main_Nav extends Walker_Nav_Menu {
/**
* @see Walker::start_el()
* @since 3.0.0
*
* @param string $output Передается по ссылке. Используется для добавления дополнительного контента.
* @param object $item Объект данных пункта меню.
* @param int $depth Глубина пункта меню. Используется для отступов.
* @param int $current_page ID пункта меню.
* @param object $args
*/
function start_el(&$output, $item, $depth, $args) {
global $wp_query;
$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
$class_names = $value = '';
$classes = empty( $item->classes ) ? array() : (array) $item->classes;
$classes[] = 'menu-item-' . $item->ID;
$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
$class_names = ' class="' . esc_attr( $class_names ) . '"';
$id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
$id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';
$output .= $indent . '<li' . $id . $value . $class_names .'>';
$attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) .'"' : '';
$attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) .'"' : '';
$attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) .'"' : '';
$attributes .= ! empty( $item->url ) ? ' href="' . esc_attr( $item->url ) .'"' : '';
// Проверяем наше пользовательское свойство has_children.
if ( $args->has_children ) {
$attributes .= ' class="menu parent"';
}
$item_output = $args->before;
$item_output .= '<a'. $attributes .'>';
$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
$item_output .= '</a>';
$item_output .= $args->after;
$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
}
function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ) {
$id_field = $this->db_fields['id'];
if ( is_object( $args[0] ) ) {
$args[0]->has_children = ! empty( $children_elements[$element->$id_field] );
}
return parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
}
}

Другой способ очень прост и может быть полезен для некоторых людей
/**
* Пользовательские классы навигации
* https://v123.tw
*/
add_filter('nav_menu_css_class' , 'v123_nav_class' , 10 , 2 );
function v123_nav_class ($classes, $item) {
if (in_array('menu-item-has-children', $classes) ){
$classes[] = 'other-wordpress-classes'; // добавляем дополнительные классы WordPress
}
return $classes;
}

Если элементы берутся из таблицы {$wpdb->prefix}posts
, то можно выполнить запрос для записей с условиями:
post_parent = $item->ID и post_status = 'publish'
Если запрос возвращает какие-либо записи, значит у элемента есть дочерние элементы, и вы можете добавить необходимый класс.
Если речь идет о страницах, можно использовать код со следующей страницы:
http://www.jeangalea.com/wordpress/check-wordpress-page-childrensubpages/
Однако, похоже, нет прямого способа проверить наличие дочерних элементов.
ОБНОВЛЕНИЕ: Добавлен код по вашему запросу.
global $wpdb;
$query = $wpdb->prepare("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status ='publish' AND post_type='nav_menu_item' AND post_parent=%d", $item->ID);
$child_count = $wpdb->get_var($query);
if($child_count > 0) { /* У ЭЛЕМЕНТА МЕНЮ ЕСТЬ ДОЧЕРНИЕ ЭЛЕМЕНТЫ */
.....
} else {
.....
}

Я полагаю, вопрос в том, имеет ли пункт меню дочерние элементы, а не запись или страница.

Я попробовал ваш код, но он не сработал. Учтите, я использую страницы, а не записи. Есть ли разница?

@KevinLangleyJr. Спасибо, что обратили внимание. Я упустил этот момент.

@Sergey разницы не будет. Вы можете использовать это для любого элемента меню. Можете дать ссылку на страницу, где вы тестируете?

@tamilsweet, я обновил свой вопрос. Не могу дать вам ссылку — готовый html бесполезен :)

@Sergey, сомневаюсь, что вы используете навигационное меню WordPress. Попробуйте удалить AND post_type='nav_menu_item'
из запроса.
