wordpress 中的 bootstrap 4 下拉菜单答案

【问题标题】：bootstrap 4 dropdown menu in wordpresswordpress 中的 bootstrap 4 下拉菜单
【发布时间】：2017-07-17 09:22:38
【问题描述】：

我正在 Bootstrap 4 中构建一个 UI，然后放到 WordPress 上。导航栏菜单已被证明是一个挑战。我仔细地按照说明进行了这个小改造，但只取得了有限的成功。

我开始工作了，但没有下拉菜单

https://code.tutsplus.com/tutorials/how-to-integrate-a-bootstrap-navbar-into-a-wordpress-theme--wp-33410

但是带有下拉菜单的那个我根本无法使用

http://simonpadbury.github.io/2016/03/09/bootstrap-4-navbar-with-dropdowns-for-wordpress.html

我觉得缺少一些东西，也许是假设的一两步。

Bootstrap 4 已加载并在 WordPress 中运行。在functions.php中

require_once('navwalker/navwalker4.php');

这就是我所说的下拉导航沃克。（这是上面第二个链接，专门针对 BS4 和 WP 中的下拉菜单）。

在他的 Nav Walker 文件的末尾，有这个寄存器，

register_nav_menu('primary', __('primary', 'promotionstoretheme'));

最后在 header.php 中有这个

<?php
     wp_nav_menu( array(
      'theme_location' => 'navbar',
      'container'      => false,
      'menu_class'     => 'nav navbar-nav',
      'fallback_cb'    => '__return_false',
      'items_wrap'     => '<ul id="%1$s" class="%2$s">%3$s</ul>',
      'depth'          => 2,
      'walker'         => new bootstrap_4_walker_nav_menu()
      ) );
 ?>

我真的很想了解它，以便制定一个干净简单的解决方案。在这一点上很困惑。菜单位置的名称似乎并不重要。很简单的问题，我敢肯定。

'欣赏任何见解。谢谢！

【问题讨论】：

似乎应该有点直截了当。我发现了一些解决此问题的帖子，但它们要么缺少某些步骤，要么指的是该软件的旧版本。

标签： wordpress drop-down-menu bootstrap-4

【解决方案1】：

我不知道你是否需要这个，但这对我来说也是一个大问题。我做了一些不同的事情，如果您仍然需要，请尝试。

按照以下步骤操作：

functions.php

// Register Nav Walker
require_once('bs4navwalker.php');

bs4navwalker.php

我把 arquive bs4navwalker.php 放在同一个根目录下。

header.php

导航栏品牌

之后

[...]

 <a class="navbar-brand" href="http://www.quickgames.com.br">
                <img src="<?php bloginfo('template_url'); ?>/img/logo.png" class="d-inline-block align-top" alt="">
          </a>

             <?php
             wp_nav_menu([
               'menu'            => 'top',
               'theme_location'  => 'top',
               'container'       => 'div',
               'container_id'    => 'bs4navbar',
               'container_class' => 'collapse navbar-collapse',
               'menu_id'         => false,
               'menu_class'      => 'navbar-nav mr-auto',
               'depth'           => 2,
               'fallback_cb'     => 'bs4navwalker::fallback',
               'walker'          => new bs4navwalker()
             ]);
             ?>

            <!-- code for the badge START-->
            <span class="badge badge-pill badge-warning"><?php echo WC()->cart->get_cart_contents_count(); ?></span>
            <!-- code for the badge END-->

            <form class="input-group">
              <input class="form-control" type="text" placeholder="Procurar Produtos...">
              <span class="input_group-btn">
              <button class="btn btn-navbar" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
              </span>
            </form>


           </nav>

WordPress 管理员

希望对你有帮助。

【讨论】：