将Wordpress菜单css类添加到<span class =“”>

Question

想要添加添加到Wordpress菜单的CSS类，如下所示

到我的菜单

      wp_nav_menu( array( 
        'theme_location'    => 'header', 
        'container'         => false, 
        'items_wrap'        => '%3$s', 
        'after'             => '<span class="icon-thumbnail"><i class="fa "></i></span>'
      )); 

创建

<li>
  <a href="/">Dashboard</a> 
  <span class="icon-thumbnail">
  <i class="fa fa-reorder"></i>
  </span>
</li>

因此，将添加到Wordpress管理中的menu_item的CSS类添加到菜单中的<i class="fa "></i>。因此，看起来像<i class="fa fa-reorder"></i>

Answer 1

这样做

wp_nav_menu( array( 
     'theme_location'    => 'header', 
     'container'         => false,
     'items_wrap'        => '%3$s',
));

在css输入框的wp admin中放置此类

fa fa-reorder

这应该可以解决添加附加fa类以添加fontawesone图标所需的问题。

编辑： 这是bootstrap的助行器。

  

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

根据需要编辑代码

要编辑walker中的这一部分以解决您的问题。

if ( ! empty( $item->attr_title ) ) {
  $pos = strpos( esc_attr( $item->attr_title ), 'glyphicon' );

  if ( false !== $pos ) {
      $item_output .= '<a' . $attributes . '><span class="glyphicon ' . esc_attr( $item->attr_title ) . '" aria-hidden="true"></span>&nbsp;';
  } else {
      $item_output .= '<a' . $attributes . '><i class="fa ' . esc_attr( $item->attr_title ) . '" aria-hidden="true"></i>&nbsp;';
  }
} else {
    $item_output .= '<a' . $attributes . '>';
}

这应解决问题