是否有任何方法可以通过wp_nav_menu()函数在<li>和<a>标记中添加自定义CSS类?

时间:2019-11-01 12:01:44

标签: php wordpress wordpress-theming

如何在li&a标签中添加所需的CSS类?

我要以这种形式输出。

<div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
    <ul class="navbar-nav">
       <li class="nav-item">
          <a class="nav-link active" href="index.html">Home</a>
       </li>
    </ul>
</div>

结果显示

<div id="navbarDefault" class="navbar-collapse collapse justify-content-center">
   <ul id="menu-main-menu" class="navbar-nav">
     <li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23">
        <a href="http://localhost/estate/home/">Home</a>
     </li>
   </ul>
</div>

头文件中的PHP代码如下。 添加了主题支持并注册了导航菜单。

<?php
                wp_nav_menu(
                        array(  
                            'theme_location'    => 'header_menu', 
                            'menu_class'        =>'navbar-nav' ,
                            'container'         =>'div' , 
                            'container_class'   => 'navbar-collapse collapse justify-content-center',
                            'container_id'      => 'navbarDefault',
                            'depth'             => 2,
                        )
                );
      ?>

任何人都可以通过一些内置的Wordpress功能或自定义功能来帮助我。

0 个答案:

没有答案