8 (8452) 32-00-84

Bootstrap menu для WordPress

Не знаете как интегрировать Bootstrap menu в движок вашего блога, тогда мы идем к Вам.

Даю ссылку на ГитХаб https://github.com/twittem/wp-bootstrap-navwalker

Скачивайте файлик wp_bootstrap_navwalker.php, закидываете его в папку с темой.

В functions.php пишите:

require_once('wp_bootstrap_navwalker.php');

Проверьте зарегистрировано ли у Вас Primary Menu, если нет, то пишем в functions.php следующий код.

register_nav_menus( array(
  'primary' => __( 'Primary Menu', 'THEMENAME' ),
) );

В месте где будет выводиться меню:

<nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="<?php echo home_url(); ?>">
                <?php bloginfo('name'); ?>
            </a>
    </div>
 
        <?php
            wp_nav_menu( array(
                'menu'              => 'primary',
                'theme_location'    => 'primary',
                'depth'             => 2,
                'container'         => 'div',
                'container_class'   => 'collapse navbar-collapse',
        'container_id'      => 'bs-example-navbar-collapse-1',
                'menu_class'        => 'nav navbar-nav',
                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                'walker'            => new wp_bootstrap_navwalker())
            );
        ?>
    </div>
</nav>