• Navigation

1°

  <!-- navigation classique 1--> 
   
    <nav class="navbar"> 
        <div class="navbar-brand"> 
          <a class="navbar-item" href="<?php echo home_url(); ?>" title="<?php bloginfo(); ?>"> 
            <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo.svg" width="70px" alt="logo"> 
            <p class="is-size-5"><?php bloginfo('name');?></p> 
          </a> 
        </div> 
        <div class="navbar-menu"> 
          <div class="navbar-start"> 
            <?php wp_nav_menu(array( 
            'theme-location' => 'header-menu', //change it according to your register_nav_menus() function 
            'depth' => 2, 
            'container' => 'navbar-end', 
            'items_wrap' => '%3$s', 
            'walker' => new Bulma_Walker(), 
            )); 
            ?> 
          </div> 
        </div> 
          <div class="navbar-end"> 
            <div class="navbar-item"> 
              <div class="buttons"><a class="button is-light" href="<?php the_permalink(120) ?>">Log in</a><a class="button is-primary" 
                  href="<?php the_permalink(122) ?>">Sign up</a></div> 
            </div> 
          </div> 
        </div> 
    </nav> 
  <!-- / navigation classique-->

2°

  <!-- navigation classique--> 
  <nav class="navbar"> 
      <div class="navbar-menu"> 
        <div class="navbar-start"></div> 
          <div class="navbar-brand"> <a class="navbar-item" href="<?php echo home_url(); ?>" title="<?php bloginfo(); ?>"> 
            <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo.svg" width="70px" alt="logo"> 
            <p class="is-size-5"><?php bloginfo('name');?></p> 
            </a></div> 
        <div class="navbar-end"></div> 
      </div> 
  </nav> 
<!-- / navigation classique-->

3°

<!-- navigation classique--> 
 
<nav class="navbar"> 
    <div class="navbar-brand"> 
      <a class="navbar-item" href="<?php echo home_url(); ?>" title="<?php bloginfo(); ?>"> 
        <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo.svg" width="70px" alt="logo"> 
        <p class="is-size-5"><?php bloginfo('name');?></p> 
      </a> 
    </div> 
    <div class="navbar-menu"> 
      <div class="navbar-start"> 
        <?php wp_nav_menu(array( 
          'theme-location' => 'header-menu', //change it according to your register_nav_menus() function 
          'depth' => 2, 
          'container' => 'navbar-end', 
          'items_wrap' => '%3$s', 
          'walker' => new Bulma_Walker(), 
        )); 
        ?> 
      </div> 
      </div> 
      </div> 
      <div class="navbar-end"> 
        <div class="navbar-item has-dropdown is-hoverable"><a class="navbar-link">Profile</a> 
          <div class="navbar-dropdown is-right"><a class="navbar-item" href="<?php echo home_url(); ?>" title="">Account settings</a><a class="navbar-item" 
          href="<?php echo home_url(); ?>" title="">Logout</a></div> 
        </div> 
      </div> 
    </div> 
</nav> 
<!-- / navigation classique-->

4°

<nav class="navbar"> 
  <div class="navbar-brand"> 
    <a class="navbar-item" href="<?php echo home_url(); ?>" title="<?php bloginfo(); ?>"> 
      <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo.svg" width="70px" alt="logo"> 
      <p class="is-size-5"><?php bloginfo('name');?></p> 
    </a> 
  </div> 
  <div class="navbar-menu"> 
    <div class="navbar-start"> 
      <?php wp_nav_menu(array( 
        'theme-location' => 'header-menu', //change it according to your register_nav_menus() function 
        'depth' => 2, 
        'container' => 'navbar-end', 
        'items_wrap' => '%3$s', 
        'walker' => new Bulma_Walker(), 
      )); 
      ?> 
    </div> 
      </div> 
    </div> 
    <div class="navbar-end"> 
      <div class="navbar-item"> 
        <div class="field is-grouped"> 
          <form role="search" method="get" class="control is-expanded has-icons-left search-form" action="<?php echo home_url( '/' ); ?>"> 
            <input type="search" class="input background-color-white" placeholder="Rechercher" value="" name="s" title="Rechercher :" /> 
          </form> 
        </div> 
      </div> 
    </div> 
  </div> 

5°

<!-- navigation classique--> 
    <nav class="navbar"> 
        <div class="navbar-brand"> 
          <a class="navbar-item" href="<?php echo home_url(); ?>" title="<?php bloginfo(); ?>"> 
            <img src="<?php echo get_template_directory_uri(); ?>/css/img/logo.svg" width="70px" alt="logo"> 
            <p class="is-size-5"><?php bloginfo('name');?></p> 
          </a>   
        </div> 
          <div id="menu" class="navbar-menu"> 
              <div class="navbar-end"> 
                  <?php wp_nav_menu(array( 
                  'theme-location' => 'header-menu', //change it according to your register_nav_menus() function 
                  'depth' => 2, 
                  'container' => 'navbar-end', 
                  'items_wrap' => '%3$s', 
                  'walker' => new Bulma_Walker(), 
                  )); 
                  ?> 
              </div> 
            <div class="navbar-item "> 
              <a class="button is-primary" href="<?php the_permalink(122) ?> ">Sign up</a> 
            </div> 
        </div> 
    </nav> 
<!-- / navigation classique-->