如何添加

Question

我有這種類型的菜單，並且我希望此菜單轉換為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>代碼段以顯示具有特定菜單的向下箭頭。

所以我正在嘗試，如果menu有子菜單，那么將帶有錨鏈接的<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

Answer 1

您需要修改Walker_Nav_Menu來添加HTML標記。 查看下面的GitHub鏈接以獲取示例代碼。

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

Answer 2

我已經解決了這個問題。 可能是如果將來有人在尋找答案，那么我的解決方案可以為他們提供幫助。 我在這里找到了一個博客，該博客正是針對下拉指示器解決方案的。 http://dksolution.in/add-dropdown-arrow-indicators-to-wordpress-menu-items-that-have-submenus/