WordPress Responsive Header Menü Yapımı

Ekteki dosyayı indirip içindeki wp_bootstrap_navwalker.php dosyasını temanızın bulunduğu klasöre yükleyin.

functions.php dosyasına ekleyin. admin panelinden görünüm > menü işlemi ile oluşturma yapmanızı sağlamaktadır.

// Register Custom Navigation Walker
require_once(‘wp_bootstrap_navwalker.php’);

register_nav_menus( array(
‘primary’ => __( ‘Üst Menü’, ‘canerdio’ ),
) );

header.php ye ekleyin.

</p>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display --></p>
<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>
<p>        <?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>
<p>

navbar-fixed-top.css bunu uyguladığımızda sabit olarak kalır. örnek.

body {
min-height: 2000px;
padding-top: 70px;
}

<strong>header.php ye ekleyin.</strong> <em>isterseniz indirip temanız içine atın.</em></p>
<pre class="lang:default decode:true"><link href="https://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Buraya kadar yaptıysanız başka bir işleme gerek yoktur.

Kaynaklar:
https://getbootstrap.com/examples/navbar-fixed-top/
https://github.com/twittem/wp-bootstrap-navwalker