WordPress菜单在标签中添加类

我正在尝试为主题创建简单的引导导航, 这里有类似这样的html代码

<ul class="navbar-nav mx-auto">
    <li class="nav-item">
      <a class="nav-link" href="index.html">HOME</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="about.html">ABOUT US</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="contact.html">CONTACT</a>
    </li>
</ul>

为了欲望的输出, 我写了

<?php wp_nav_menu( array( 'container'=> false, 'menu_class'=> 'navbar-nav mx-auto' ) ); ?>

我得到的结果像

<ul class="navbar-nav mx-auto">
    <li class="nav-item">
      <a  href="#">HOME</a>
    </li>
    <li class="nav-item">
      <a  href="#">ABOUT US</a>
    </li>
    <li class="nav-item">
      <a  href="#">CONTACT</a>
    </li>
  </ul>

如何在标签中添加class =” nav-link”?


#1


通过nav_menu_link_attributes很容易

function menu_anchors( $atts ) {
    $atts['class'] = 'nav-link';

    return $atts;
}
add_filter( 'nav_menu_link_attributes', 'menu_anchors' );

#2


请在功能文件中放置以下功能, 然后更改菜单位置:

function add_specific_menu_location_atts( $atts, $item, $args ) {
    // check if the item is in the primary menu
    if( $args->theme_location == 'primary' ) {
      // add the desired attributes:
      $atts['class'] = 'nav-link';
    }
    return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_specific_menu_location_atts', 10, 3 );

来源:

https://www.srcmini02.com/64393.html

微信公众号
手机浏览(小程序)

Warning: get_headers(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(): Failed to enable crypto in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(https://static.shanhubei.com/qrcode/qrcode_viewid_41403.jpg): failed to open stream: operation failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57
0
分享到:
没有账号? 忘记密码?