个性化阅读
专注于IT技术分析

bootstrap自定义wordpress菜单的问题

我希望菜单保持这种状态。

<ul class="navbar-nav ml-auto">
  <li class="nav-item active">
    <a class="nav-link" href="#">Inicio
      <span class="sr-only">(current)</span>
    </a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Nosotros</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Contactanos</a>
  </li>
</ul>

我尝试做到如下

<ul class="navbar-nav ml-auto">
  <?php 
    wp_nav_menu([
      'container'      => false, 'items_wrap'     => '%3$s', 'theme_location' => 'menu_top'               
    ]);
  ?>
</ul>

在文件functions.php

<?php 

register_nav_menus([
   'menu_top' => 'Menu superior'
]);

?>

但是我实现的目标是获得以下

<ul class="navbar-nav ml-auto">
    <li id="menu-item-4" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4"><a href="#">inicio</a></li>
</ul>

就像我放置所需的类一样, 也像我指定某个选项处于活动状态一样。我正在使用引导程序4。


#1


使用此代码, 你可以收集菜单项并使用foreach打印它们:

<?php
  $currentURL         = home_url( $_SERVER['REQUEST_URI'] );                      
  $menuItemCollection = wp_get_nav_menu_items( 'menu_top' );
?>

<ul class="navbar-nav ml-auto">
  <?php foreach ( $menuItemCollection as $menuItem ): ?>
    <?php $activeClass = ($menuItem->url == $currentURL) ? ' active' : ''; ?>

    <li class="nav-item<?php echo $activeClass; ?>">
      <a class="nav-link" href="<?php echo $menuItem->url; ?>">                                        
        <?php echo $menuItem->title; ?>
      </a>
    </li>

  <?php endforeach; ?>
</ul>
赞(0) 打赏
未经允许不得转载:srcmini » bootstrap自定义wordpress菜单的问题
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏