bootstrap 4在wordpress中的下拉菜單

我在Bootstrap 4中建立一個用戶界面，並放入WordPress。導航菜單已被證明是一項挑戰。我一絲不苟地遵循如何做這個小改裝的說明，但只取得有限的成功。bootstrap 4在wordpress中的下拉菜單

這是我得到了工作，但沒有下拉

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

但一個與Dropdowns的我沒能在所有

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

我覺得去那裏是缺了點什麼，一步或者也許是兩個。

Bootstrap 4在WordPress中加載並運行。 In functions.php

require_once('navwalker/navwalker4.php');

這就是我所說的下拉式導航儀。（這是上面的第二個鏈接，專門討論了BS4和WP中的下拉菜單）。

在他的資產淨值沃克文件的末尾，有這個寄存器，

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() 
    )); 
?>

我真的想了解它，我可以制定一個乾淨簡單的解決方案。困惑在這一點上。菜單位置的名稱似乎並不重要。簡單的問題我確定。

'任何洞見。謝謝！

來源

2017-02-26 Dylan Nirvana

似乎它應該有點直截了當。我發現了一些解決這個問題的文章，但他們要麼缺少一些步驟，要麼就是指這個軟件的舊版本。 –

我不知道你是否需要這個，但對我來說這也是個大問題。我做了一些不同的事情，如果你還需要嘗試。

以下步驟：

的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管理

我希望它能幫助。

來源

2017-05-04 21:47:08

bootstrap 4在wordpress中的下拉菜單

回答

相關問題