引导导航栏类工作不正常

问题描述：

这是HTML代码，而不包括UL李标签中的PHP：引导导航栏类工作不正常

<html> 
<body> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="text-center" style="margin-top: 15px;"> 
       <span><h2><?php bloginfo('name'); ?></h2></span> 
        <p><h6><?php bloginfo('description'); ?></h6></p> 
      </div>    
     <nav class="navbar navbar-default"> 
      <ul class="nav navbar-nav"> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">Lifestyle</a></li> 
       <li><a href="#">Adventure</a></li> 
       <li><a href="#">Fashion<span class="caret"></span></a></li> 
       <li><a href="#">Travel</a></li> 
       <li><a href="#">Story</a></li> 
      </ul>    
     </nav> 
    </div> 
</body> 
</html>

这是PHP的HTML代码中包含了UL李标签中：

<html> 
<body> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="text-center" style="margin-top: 15px;"> 
       <span><h2><?php bloginfo('name'); ?></h2></span> 
       <p><h6><?php bloginfo('description'); ?></h6></p> 
      </div>   
     <nav class="navbar navbar-default stroke"> 
      <ul class="nav navbar-nav">    
       <?php 
        $args = array(
         'theme_location' => 'primary',       
        ); 

       ?> 
       <li><?php wp_nav_menu($args);?></li>      
      </ul>    
     </nav> 
    </div> 
</body> 
</html>

这里的导航栏像这样工作的图像： Working code image

下面是不加载css类的导航栏图像： Image which is not loading css and links are different b'cause theme development function is called

答

我们将编写代码，以显示你的资产净值

<?php 
      wp_nav_menu(array(
        'theme_location' =>'primary', 
        'container' => 'nav', 
        'container_class' => 'navbar-collapse navbar', 
        'menu_class'  => 'nav navbar-nav navbar-right' 
       )); 
      ?>

，并删除该代码

<nav class="navbar navbar-default stroke"> 
      <ul class="nav navbar-nav">    
       <?php 
        $args = array(
         'theme_location' => 'primary',       
        ); 

       ?> 
       <li><?php wp_nav_menu($args);?></li>      
      </ul>    
     </nav>

答

添加下面的代码在你的模板菜单

<html> 
<body> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="text-center" style="margin-top: 15px;"> 
       <span><h2><?php bloginfo('name'); ?></h2></span> 
        <p><h6><?php bloginfo('description'); ?></h6></p> 
      </div>    
     <nav class="navbar navbar-default"> 

     <?php 
      $header_menu_defaults = array(
       'theme_location' => 'primary', 
       'menu'   => 'your menu name here', 
       'container'  => '', 
       'container_class' => '', 
       'container_id' => '', 
       'menu_class'  => 'nav navbar-nav', 
       'menu_id'   => '', 
       'echo'   => true, 
       'fallback_cb'  => 'wp_page_menu', 
       'before'   => '', 
       'after'   => '', 
       'link_before'  => '', 
       'link_after'  => '', 
       'items_wrap'  => '<ul id="%1$s" class="%2$s">%3$s</ul>', 
       'depth'   => 0, 
       'walker'   => '' 
      ); 
      wp_nav_menu($header_menu_defaults); 
      ?> 
     </nav> 
    </div> 
</body> 
</html>

答

如果你想要一个理想的解决方案，你可以使用助行类

有一个像你这样的问题，你可以从它

访问此链接受到启发：https://stackoverflow.com/a/11948374/5608642

但如果你想简单的事情，你可以试试这个代码

<html> 
<body> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="text-center" style="margin-top: 15px;"> 
       <span><h2><?php bloginfo('name'); ?></h2></span> 
       <p><h6><?php bloginfo('description'); ?></h6></p> 
      </div>   
     <nav class="navbar navbar-default stroke"> 
      <ul class="nav navbar-nav">   

       <?php 
        $navLocation = 'primary'; 
        $nav = wp_get_nav_menu_object($navLocation); 
        $navItems = wp_get_nav_menu_items($nav->term_id, array('order' => 'DESC')); 
       ?> 

       <?php foreach($navItems as $item): ?>      
        <?php if (!$item->menu_item_parent): ?> 
          <li><a href="<?= $item->url; ?>"> <?= $item->title; ?> </a> </li> 
        <?php endif; ?> 
       <?php endforeach; ?> 
      </ul>    
     </nav> 
    </div> 
</body> 
</html>

引导导航栏类工作不正常

相关推荐