w3cssフレームワークを使用したWordpress nav

Question

以下のコードをすべてのデバイス上のnavbarとして実装しようとしています。しかし、私はそうすることができません。私はWordPressでw3-cssフレームワークを使用しています。あなたのテーマ設定で

<div class="w3-top w3-navbar"> 
<ul class="w3-navbar w3-blue-grey w3-left-align "> 
    <li><a href="<?php echo home_url(); ?>" class="w3-padding-large w3-large w3-highway-blue"><i class="topnav-icons fa fa-home w3-margin-right"></i><?php bloginfo ('name'); ?></a></li> 

    <?php 

$args = array(

    'theme_location' => 'primary', 
    'container_class' => 'w3-top', 
    'menu_class' => 'w3-navbar', 


); 


?> 

<?php wp_nav_menu($args); ?> 
<li class="w3-hide-small w3-right w3-padding-large">+91 987654321</li> 
</ul> 
</div> 


    <!-- Navbar on small screens --> 
    <div id="navDemo" class="w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:51px"> 
    <ul class="w3-navbar w3-left-align w3-large w3-theme"> 
    <?php wp_nav_menu($args); ?> 
    </ul> 
    </div> 

Answer 1

Appearance-下>メニューは、あなたの$args配列の設定とすることを持っているとして、あなたが出力したいメニューの位置は、「プライマリ」に設定されていることを確認してください。

また、wp_nav_menu()の2番目のインスタンスに$argsの配列が含まれていないことに気付きました。最初と2番目のナビゲーションメニューの出力を同じナビゲーションメニューにする場合は、配列の "theme_location"インデックスに同じ場所を指定する配列を少なくとも追加する必要があります。