Вывод изображений страниц в меню wordpress без плагина?

Question

[PiVirus]

Доброго времени! Есть меню, состоящее из страниц. К страницам добавлены изображения. Хочу вывести изображения этих страниц в меню без плагина. Все операции делаю в function.php Картинки получаю так:

function get_post_img () {
	$locations = get_nav_menu_locations();
	$items = wp_get_nav_menu_items( $locations['menu-main'] );		
		foreach ( $items as $key => $menu_item ) {
			$post_url = $menu_item->url;
			$post_id = url_to_postid($post_url);			
			$post_img = get_the_post_thumbnail($post_id);
			return $result = ''. $post_img . '';
		}	
}

И там же пытаюсь вывести их в меню

add_filter( 'wp_nav_menu_args', 'add_item_img' );
function add_item_img( $args='' ){
		$args['link_before'] = get_post_img ();
		return $args;
}

Но столкнулся с проблемой, аргументы типа link_before не умеют работать с переменными и добавляют одинаковый элемент для всех. В данном случае, код получает картинку первой страницы в списке и добавляет ко всем пунктам меню. Я так понимаю, что как то через walker, на стадии формирования элементов меню нужно функцией get_post_img () добавить картинки, но не могу догнать как.

Comments

[Владимир Брумер]

Добавьте произвольные поля для оформления меню, думаю так будет правильнее.
используйте для этого акшин add_action('wp_nav_menu_item_custom_fields',
если хотите тут же добавить кнопки для выбора из медиабиблиотеки, не забудте подключить для админки поддержку:

add_action('admin_enqueue_scripts','load_admin_styles_scripts');
if(!function_exists('load_admin_styles_scripts')){
	function load_admin_styles_scripts(){
		if(!did_action('wp_enqueue_media')){wp_enqueue_media();}

для сохранения используйте add_action('wp_update_nav_menu_item',
не забудте о нонс полях wp_create_nonce, wp_verify_nonce ....
чтобы было проще, можно сохранять сразу в тегах, (чтобы сразу получить атрибут alt, например, у изображений при выборе из библиотеки), а для фильтрации перед сохранением использовать, например, wp_kses
типо:

...
if(isset($_POST['custom_menu_media'][$menu_item_id])){
	$sanitized_data=$_POST['custom_menu_media'][$menu_item_id];
	$allowed_html=array('img'=>array('src'=>true,'alt'=>true,'class'=>true,),'video'=>array('id'=>true,'class'=>true,'loop'=>true,'preload'=>true,'controls'=>true),'source'=>array('src'=>true,),);
	$sanitized_data=wp_kses($sanitized_data,$allowed_html);
...

ну а затем просто, либо через волкер, либо через фильтр перебираете меню:

add_filter('walker_nav_menu_start_el',

...
if($args->theme_location=="идентификатор меню"
...

тут есть пример использования стандартного дескрипшина wp walker_nav_menu_start_el
а дальше остается дело за оформлением

spoiler

[PiVirus]

Владимир Брумер, Спасибо коллега! Буду пробовать более правильный вариант :) Прокачаюсь с walker, а то что то ни хрена не могу понять как он работает, и все таки добью потом свой вариант.

Answer 1

[Орхан Гасанлы]

Смотрите в сторону Walker.
Для большей кастомизации меню нужен walker
https://wp-kama.ru/function/walker
https://misha.blog/wordpress/nav-menu-walkers.html