Как добавить элемент <i>, если меню имеет подменю в wp_nav_menu - PullRequest
1 голос
/ 29 июня 2019

У меня есть этот тип меню, и я хочу, чтобы это меню преобразовалось в wp_nav_menu

<li><a href="#">menu ab</a></li>                                
<li ><a href="#">menu bc<i class="hover-ind fa fa-angle-down" aria-hidden="true"></i></a></li>
<ul class="sub-menu">
<li><a href="#">sub menu ab</a></li>
</ul>

Как вы можете видеть, если в меню есть подменю, тогда я должен добавить <i></i> фрагменты кода, чтобы показать стрелку внизс определенным меню.

Поэтому я пытаюсь, если в меню есть подменю, тогда добавьте <i></i> со ссылкой на ссылку в li.

Я могу добавить атрибуты к li, еслиМеню имеет подменю с этим кодом:

add_filter( 'nav_menu_link_attributes', 'wpse154485_add_aria_haspopup_atts', 10, 3 );
function wpse154485_add_aria_haspopup_atts( $atts, $item, $args ) {
  if (in_array('menu-item-has-children', $item->classes)) {
    $atts['aria-haspopup'] = 'true';
  }
  return $atts;
}

, но мне нужно добавить фрагмент кода <i></i>, если в меню есть подменю. Пожалуйста, помогите, если кто-нибудь знает об этом.

TIA

Ответы [ 2 ]

0 голосов
/ 01 июля 2019

Я решил эту проблему. Может быть, если кто-то ищет ответ в будущем, мое решение может помочь им. Вот я нашел блог, который как раз для решения для индикатора выпадающего. http://dksolution.in/add-dropdown-arrow-indicators-to-wordpress-menu-items-that-have-submenus/

0 голосов
/ 29 июня 2019

вам нужно изменить Walker_Nav_Menu для добавления вашей разметки HTML.проверьте ссылку GitHub ниже для примера кода.

https://github.com/wp-bootstrap/wp-bootstrap-navwalker

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...