将静态引导程序导航转换为wordpress导航(更深入)

时间:2017-02-28 17:53:47

标签: php html css wordpress twitter-bootstrap

我一直在学习如何使用wordpress和php,我正在尝试转换我使用wordpress构建的静态网站。

当我遇到wordpress'wp_nav_menu'时遇到问题,因为我有一个所谓的拆分菜单,左边是主导航链接,右边是一些社交媒体链接。

这是我目前的标记:

<div class="navbar-collapse collapse">
   <ul class="nav navbar-nav">
      <li class="active"><a href="index.html">Home</a></li>
      <li><a href="#">Computer Services</a></li>
      <li><a href="#">Accountancy Services</a></li>
      <li><a href="#">Payroll Services</a></li>
      <li><a href="#">About Us</a></li>
   </ul>
   <ul class="nav navbar-nav navbar-right social-icons">
      <li>
         <a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
         <a href="#" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
         <a href="#" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
      </li>
   </ul>
</div>

我在wordpress集成方面走了多远:

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

虽然我理解社交媒体链接不是一个很好的菜单我想知道并理解如何让它们仍然是同一个容器的一部分,例如。

<div class="navbar-collapse collapse">

对此事的任何帮助都将不胜感激,我愿意从任何错误中吸取教训,因为我确信我已经做了一些(或受到约束)。

0 个答案:

没有答案