2017-02-22 11 views
0

ホバーメニューのブートストラップドロップダウンをワードプレスに変換しようとしています。私は基本テーマとして、アンダースコアを使用していますし、私は次のようにHTMLのメニューがある立ち往生しています:誰かが私を助けてくださいホバー上のブートストップドロップダウンをワードプレスに変換する方法

<?php 
    wp_nav_menu(array (

    'theme_location' => 'primary', 
    'container'   => 'nav', 
    'container-class' => 'dropdown navbar-header pull-right', 
    'menu-class'  => 'dropdown-content')); 
?> 

<div class="dropdown navbar-header pull-right"> 
    <button class="c-hamburger c-hamburger--htx btn-default navbar-btn dropbtn"> 
          <span>toggle menu</span> 
         </button> 
    <div class="dropdown-content"> 
     <li class="active"><a href="index.html">Home</a></li> 
     <li><a href="gallery.html">Gallery</a></li> 
     <li><a href="about.html">About</a></li> 
     <li><a href="blog.html">Blog</a></li> 
     <li><a href="contact.html">Contact</a></li> 
    </div> 
</div> 

私はheader.phpのファイル次のことを行っていますか?私はこれに慣れていない。

答えて

1

あなたが他の.dropdown-cotext divの維持、すべてにそのコードを配置するのと同じ

<div class="dropdown-content">
 
    <?php 
    wp_nav_menu(array (
     'theme_location' => 'primary', 
     'items_wrap'  => '<ul class="%2$s">%3$s</ul>')); 
    ?> 
</div>
` 

あなたは、その後、あなたの関数のファイルにメニューを登録しなければならない私は、セットアップ機能でそれを置きます:

register_nav_menus(array(
    'primary' => esc_html__('Header Menu', 'theme_name'), 
)); 

注:私は場所によってメニューを識別しました。

+0

私はプライマリメニューでそれを識別しても何が起こるのですか? – Dino

+1

あなたはメニュー名を「ヘッダーメニュー」として設定していると仮定していますか?その場合は、ユーザーがサイトを編集しているときにその名前が表示されます(サイトのカスタマイズ担当者)。 theme_locationはメニューのIDの指定にのみ使用され、wp-adminパネルに表示されている実際のメニューをカスタマイズすることができます。 https://developer.wordpress.org/reference/functions/register_nav_menu/ – Nixivious

+0

はい、有益です。あなたが言ったように私はヘッダーメニューに固執するでしょう。 – Dino

関連する問題