How do I use wp_nav_menu?

时间:2022-02-22 作者:kamil danilski

我尝试动态添加一个菜单,css ul/li链接的结构如下所示

            <ul class="navbar-nav ml-auto">
              <li class="nav-item">
                  <a class="nav-link tm-nav-link" href="#infinite">Home</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link tm-nav-link" href="#whatwedo">What We Do</a>
              </li>
              <li class="nav-item">
                <a class="nav-link tm-nav-link" href="#testimonials">Testimonials</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link tm-nav-link" href="#gallery">Gallery</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link tm-nav-link" href="#contact">Contact</a>
              </li>                    
            </ul>
          </div>        
        </div>
      </nav> 
我试着注册

  <?php
              wp_nav_menu(array(
              "theme_location" => "",
                  \'menu_class\'=> \'navbar-nav ml-auto\'
              \'container_class\' => \'navbar navbar-expand-md tm-navbar\')); ?>     
但只知道如何将类添加到<ul> 但不是所有人<li> 因为我的导航菜单看起来很丑,所以这会造成很大的问题。

1 个回复
SO网友:Alex Smooth Websites

另一种方法:使用继承的CSS类。

.navbar-nav.ml-auto > li {
   background: yellow;
}

.navbar-nav.ml-auto > li > a {
   color: blue;
}
这样,您只需将类设置为<ul>.

相关推荐

我们不知道为什么编辑会插入引导程序的css

我认为这是一个不寻常的例子。我们运行一个新闻网站,有时在编辑帖子时(使用经典编辑器,而不是新的块编辑器),我们会发现我们正在编辑的帖子中的一段不知何故被包装在一堆包含引导css类的跨中。i、 e.本段变为<p><span style="color: var(--bs-body-color); font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); text-align: var(