부트 스트랩 4 WordPress의 드롭 다운 메뉴

Question

저는 부트 스트랩 4에 UI를 만들고 WordPress에 떨어 뜨리고 있습니다. navbar 메뉴는 어려운 것으로 입증되었습니다. 나는이 작은 개조 작업을하는 방법에 대한 지침을 꼼꼼하게 따라 왔지만 제한적인 성공 만이있었습니다.

이를 나는 노력하지만 드롭 다운

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 

에서 진행되지 수있는 드롭 다운과 함께 하나가 누락 된 것을, 단계가있어 또는 아마 가정되는 2 개.

부트 스트랩 4가로드되어 WordPress에서 실행 중입니다. functions.php에서

require_once('navwalker/navwalker4.php'); 

내가 Nav Walker를 드롭 다운이라고 부르는 이유입니다. (위의 두 번째 링크는 구체적으로 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() 
    )); 
?> 

이를이 나는 깨끗하고 간단한 해결책을 공식화 할 수있다. 이 시점에서 당혹 스럽다. 메뉴 위치의 이름은별로 중요하지 않습니다. 간단한 문제입니다.

'는 어떤 통찰력을 preciate. 감사!

Answer 1

내가 필요한지 모르겠지만 나에게도 큰 문제가되었습니다. 나는 다른 것을했다. 아직도 필요하다면 시도해 보라.

단계에 따라

functions.php

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

bs4navwalker.php

최신 버전 : https://github.com/dupkey/bs4navwalker

내가 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> 

워드 프레스 관리자

나는 그것이 도움이되기를 바랍니다.