Question

我有一个问题，html导航有js和几个类设置但我不能让他们转移到wordpress。

原始

<div class="collapse navbar-collapse" id="navbarResponsive">
    <ul class="navbar-nav ml-auto">
        <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#services">Services</a>
        </li>
        <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
        </li>
        <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#about">About</a>
        </li>
        <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#team">Team</a>
        </li>
        <li class="nav-item">
            <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
        </li>
    </ul>
</div>

到目前为止我有什么

Wordpress php

$defaults = array(
    'container' => 'ul',
    'theme_location' => 'primary-menu',
    'menu_class' => 'navbar-nav ml-auto'

);

wp_nav_menu($defaults);

如果您需要查看整个主题：https://startbootstrap.com/template-overviews/agency/

Answer 1

以下代码将为您提供问题中包含的整个菜单标记。

<?php
  $defaults = array(
      'container' => 'div',
      'container_id' => 'navbarResponsive',
      'container_class' => 'collapse navbar-collapse',
      'theme_location' => 'primary-menu',
      'menu_class' => 'navbar-nav ml-auto'
  );

  wp_nav_menu( $defaults );
?>

li和a项目的类仍需要处理。您可以使用自定义nav_walker。

试图通过wp_nav_menu将bootstrap nav转换为wordpress

1 个答案: