[英]Trying to convert bootstrap nav to wordpress by wp_nav_menu
I have a problem where the html nav has js and a few classes set up but I cant get them to transfer over to wordpress. 我有一个问题,其中html导航具有js和一些类,但是我无法让它们转移到wordpress。
Original 原版的
<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>
What I have so far 到目前为止我有什么
Wordpress php WordPress的PHP
$defaults = array(
'container' => 'ul',
'theme_location' => 'primary-menu',
'menu_class' => 'navbar-nav ml-auto'
);
wp_nav_menu($defaults);
If you need to see entire theme: https://startbootstrap.com/template-overviews/agency/ 如果您需要查看整个主题,请访问: https : //startbootstrap.com/template-overviews/agency/
The following code will get you the whole menu markup you included in the question. 以下代码将为您提供问题中包含的整个菜单标记。
<?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 );
?>
The classes for li
and a
items still need to be taken care of. 对于类
li
和a
项目仍然需要被照顾。 You can use custom nav_walker for that. 您可以为此使用自定义的nav_walker。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.