nav_menu_item_id хук-фільтрWP 3.0.1

Дозволяє змінити атрибут ID елемента <li> у пункті меню.

Щоб видалити або змінити атрибут class у меню, використовуйте фільтр nav_menu_css_class .

Код формування атрибута ID для елемента <li> у движку:

$id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args, $depth );
$id = $id? ' id="' . esc_attr( $id ) . '"' : '';

Це означає, що за умовчанням ID атрибут має такий вигляд: menu-item-{ID элемента пункта меню}. Але ми можемо повністю змінити цей ID через цей фільтр. Якщо фільтр нічого не повертає, атрибут ID взагалі не додається до елемента <li> .

Не забувайте, що ID атрибут тега має бути унікальним на сторінці!

Використання

add_filter( 'nav_menu_item_id', 'wp_kama_nav_menu_item_id_filter', 10, 4);

/**
 * Function for `nav_menu_item_id` filter-hook.
 *
 * @param string $menu_id ID, що applied to menu item's `<li>` element.
 * @param WP_Post $menu_item The current menu item.
 * @param stdClass $args An object of wp_nav_menu() arguments.
 * @param int $depth Відомості про меню. Використовується для padding.
 *
 * @return string
 */
function wp_kama_nav_menu_item_id_filter( $menu_id, $menu_item, $args, $depth ){

	// Filter...
	return $menu_id;
}
$menu_id
(рядок)
ID елемента
<li> пункту меню.
$item
(WP_Post)

Об’єкт поточного меню. Приклад:

WP_Post Object(
	[ID] => 265
	[post_author] => 1
	[post_date] => 2018-04-07 09:45:46
	[post_date_gmt] => 2018-04-07 06:45:46
	[post_content] =>
	[post_title] => Зворотній зв'язок
	[post_excerpt] =>
	[post_status] => publish
	[comment_status] => closed
	[ping_status] => closed
	[post_password] =>
	[post_name] => 265
	[to_ping] =>
	[pinged] =>
	[post_modified] => 2018-04-19 00:20:29
	[post_modified_gmt] => 2018-04-18 21:20:29
	[post_content_filtered] =>
	[post_parent] => 0
	[guid] => http://wp-test.ru/?p=265
	[menu_order] => 1
	[post_type] => nav_menu_item
	[post_mime_type] =>
	[comment_count] => 0
	[filter] => raw
	[db_id] => 265
	[menu_item_parent] => 0
	[object_id] => 214
	[object] => page
	[type] => post_type
	[type_label] => Сторінка
	[url] => http://wp-test.ru/post-99
	[title] => Зворотній зв'язок
	[target] =>
	[attr_title] =>
	[description] =>
	[classes] => Array
		(
			[0] =>
			[1] => menu-item
			[2] => menu-item-type-post_type
			[3] => menu-item-object-page
		)

	[xfn] =>
	[current] =>
	[current_item_ancestor] =>
	[current_item_parent] =>
)
$args
(stdClass)

Об’єкт параметрів функції wp_nav_menu() . Приклад:

stdClass Object
(
	[menu] => WP_Term Object
		(
			[term_id] => 21
			[name] => Моє перше меню
			[slug] => moe-pervoe-menu
			[term_group] => 0
			[term_taxonomy_id] => 21
			[taxonomy] => nav_menu
			[description] =>
			[parent] => 0
			[count] => 3
			[filter] => raw
		)

	[container] => div
	[container_class] =>
	[container_id] =>
	[menu_class] => primary-menu
	[menu_id] =>
	[echo] => 1
	[fallback_cb] => wp_page_menu
	[before] =>
	[after] =>
	[link_before] =>
	[link_after] =>
	[items_wrap] => <ul id="%1$s" class="%2$s">%3$s</ul>
	[item_spacing] => preserve
	[depth] => 0
	[walker] =>
	[theme_location] => primary
)
$depth
(число)

Рівень пункту меню. Використовується для відступів. Верхні пункти меню мають $depth = 0, вкладені $depth = 1 тощо.

Доданий до версії 4.1.0.

Приклади

0

#1 Видалимо атрибут ID у пункту(ів) меню

Видалити ID у всіх пунктах меню на сайті:

add_filter( 'nav_menu_item_id', '__return_empty_string' );

Видалимо id атрибут у всіх пунктів меню, що виводяться в області меню primary:

add_filter( 'nav_menu_item_id', 'change_menu_item_css_id', 10, 4);

function change_menu_item_css_id( $menu_id, $item, $args, $depth ) {
	return $args->theme_location === 'primary' ? '': $menu_id;
}

нотатки

  • C версії 4.1.0 було додано параметр $depth .

список змін

З версії 3.0.1Введено.
З версії 4.1.0The $depth parameter був added.

Де викликається хук

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *