将 Wordpress 菜单 css 类添加到 答案

【问题标题】：Add Wordpress menu css classes to 将 Wordpress 菜单 css 类添加到 
【发布时间】：2018-01-27 20:58:51
【问题描述】：

想添加添加到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 Admin 中的 menu_item 的 CSS 类添加到我的菜单中的  中。因此，看起来像

【问题讨论】：

解释更多没有发生什么？你到底想要什么？

标签： php css wordpress wordpress-theming

【解决方案1】：

这样做

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

在 wp admin 中的 css 输入框中放这个类

fa fa-reorder

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

编辑：这是引导程序的walker。

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 . '>';
}

这应该可以解决问题

【讨论】：

谢谢。但是，我需要将该类添加到'
你需要为此创建一个walker。你在使用引导程序吗？
@Darren Mathers 有效果吗？如果是，请将其标记为已解决。