Satico

Вот попробовал вставить по аналогии:

Верхний код править не нужно:)

Добавьте этот код в файл функций (сразу после волкера), чтобы всё в одном месте было.

// Добавляем атрибут uk-icon к элементу меню (тег a), который содержит подменю
	add_filter( 'nav_menu_link_attributes', 'add_class_to_items_link', 10, 3 );
	function add_class_to_items_link( $atts, $item, $args ) {
		$hasChildren = ( in_array('menu-item-has-children', $item->classes) );
		if ($hasChildren) {
			$atts['uk-icon'] = 'icon: chevron-down';
		}
		return $atts;
	}
	
	// Добавляем класс uk-active к активному элементу меню (тег li)
	add_filter( 'nav_menu_css_class' , 'special_nav_class' , 10 , 2 );
	function special_nav_class ( $classes, $item ) {
		if ( in_array('current-page-ancestor', $classes) || in_array('current-menu-item', $classes) ) {
		  $classes[] = 'uk-active ';
		}
		return $classes;
	}

Должно так получится:

http://prntscr.com/f2vsn9

Проверьте, у меня работает.

• Ответ изменён 7 лет, 7 месяцев назад пользователем Satico.

mazletop,

Откатите всё назад до исходного состояния (до регистрации меню). Все предыдущие созданные вами «волкеры» удалите. Добавьте в файл функций:

/* Кастомизация выпадающего меню с классами Uikit */
class Satico_Dropdown_Walker_Nav_Menu extends Walker_Nav_Menu {
		function start_lvl( &$output, $depth = 0, $args = array() ) {
			$indent = str_repeat( "\t", $depth );
			$output .= "\n$indent<div class=\"uk-navbar-dropdown\"><ul class=\"uk-nav uk-navbar-dropdown-nav sub-menu\">\n";
		}
		function end_lvl( &$output, $depth = 0, $args = array() ) {
		  $indent = str_repeat( "\t", $depth );
		  $output .= "$indent</ul></div>\n";
		}
	}

В файле header при вызове функции wp_nav_menu в конце добавляете новую строку (новый элемент массива):

'theme_location' => 'uk-navbar-nav', 
'depth' => 0,
'menu_class' => 'uk-navbar-nav',
'container' => false, // эта строка должна заканчиваться запятой!
'walker' => new Satico_Dropdown_Walker_Nav_Menu()

На выходе должно получится:

http://prntscr.com/f2u4af

http://prnt.sc/f2u6g7

Пробуйте.

• Ответ изменён 7 лет, 7 месяцев назад пользователем Satico.

SeVlad, :))

mazletop, вам действительно стоило бы с самого начала детально объяснить, что есть, и что хотите получить на выходе.

Если правильно понимаю: фреймворк создает для вложенного меню свою обертку и свои классы для ul. К этим классам привязаны стили для выпадающего меню в файле CSS.

Но когда вы регистрируете меню стандартным способом, обертка и стили у подменю не добавляются, из-за чего к подменю не применяются необходимые стили. На скрине в первом сообщении это видно — подменю отображается криво, у него даже маркеры списка появились.

Я правильно подвела итог двух исписанных страниц текста? 🙂

• Ответ изменён 7 лет, 7 месяцев назад пользователем Satico.

mazletop, здравствуйте. Ну так раз фреймворк их создает, пусть себе будут… видимо, под них стили в CSS прописаны. Просто из вашей темы создается впечатление, что все эти классы вам нужны, а они не добавляются.

Стандартными средствами — нет. Вам нужен плагин для создания и управлениями произвольными полями, и человек, который их создаст, закрепит за ними существующую разметку, а контент (и возможность его редактирования) перенесет из шаблона в редактор.

Рекомендую Advanced Custom Fields, отличный инструмент.

mazletop, стили в админке можно задать только пунктам меню, в чём вы уже успели убедиться.

Насколько поняла из ваших слов, ВП просто не дает втиснуть свою div обертку для выпадающего меню. Для «внешнего меню» — это пожалуйста, для «внутреннего» только ul и всё. Мне кажется, он и не даст вам это сделать, так как для него это два разных типа меню, если хотите… причем второй с обрезанным, так сказать, «функционалом».

Вам 2 раза задали вопрос, но вы так внятно на него не ответили. Зачем вам понадобилась своя обертка для выпадающего меню? Зачем вам туда втискивать свои классы? Вы можете ответить на этот простой вопрос? Вы показали текущую структуру меню и идеальную (которую бы хотели получить).

Вам недостаточно для подменю его родного класса: sub-menu

Вы хотите навесить на этот элемент ещё 2 своих класса: uk-nav и uk-navbar-dropdown-nav. Плюс вам ещё позарез понадобилась дополнительная обертка с классом uk-navbar-dropdown.

Барабанная дробь: ЗАЧЕМ?

Какую цель вы пытаетесь достичь, устраивая себе такие сложности? Может есть другой способ решить проблему. Или вам нужна своя идеальная структура ради структуры?

P.S. Попробуйте добавить фильтр в файл функций:

Это вложенный див не создаст, но позволит добавить 2 нужных класса к вложенному списку.

function new_submenu_class($menu) {    
    $menu = preg_replace('/ class="sub-menu"/','/ class="yourclass" /',$menu);        
    return $menu;      
}
add_filter('wp_nav_menu','new_submenu_class'); 

• Ответ изменён 7 лет, 7 месяцев назад пользователем Satico.
• Ответ изменён 7 лет, 7 месяцев назад пользователем Satico.

nata487, «подсказать» вряд ли получится, потому что это нужно взять и сделать. Вот здесь есть информация о том, как делать таблицы на html. Плюс можно погуглить. Можно также воспользоваться плагинами для создания таблиц в Вордпрессе. Вот рекомендую TablePress, сама им пользуюсь.

• Ответ изменён 7 лет, 7 месяцев назад пользователем Satico.

Попробуйте реализовать задуманное с помощью функциии wp_link_pages()