隠すハンバーガーメニュー

Question

TheHamburgerCollection.com

マイハンバーガーメニューは他のすべてのページ上で正しく動作している - 、私はちょうどそれがホームページに表示したくない、それは768pxで現在可視だところ、以下。

footer.phpは、メニューが配置されている場所です：あなたは、私が（また、ホームページで）フロントページにナビゲーションメニューを表示しないようにそれを言ったことがわかります

<div class="mobile-nav"> 
    <div class="menu-btn" id="menu-btn"> 
     <div></div> 
     <span></span> 
     <span></span> 
     <span></span> 
    </div> 

    <div class="responsive-menu"> 
    <?php 
     if (! is_front_page() && ! is_home()) { 
     wp_nav_menu(); 
     } 
    ?> 
    </div> 
</div> 

、およびこれは正しく行っていますが、私はハンバーガーメニューにどのように同じことをしますか？

this tutorialの指示に従ってハンバーガーメニューを作成しました。フロントページ/ホームページ以外のすべてのページにNavメニューを表示し、クラスとID "menu-btn"のdivの直前に貼り付けるPHP if文をコピーしようとすると、構文エラー：

<div class="mobile-nav"> 
    <?php if (! is_front_page() && ! is_home()) { 
     <div class="menu-btn" id="menu-btn"> 
      <div></div> 
      <span></span> 
      <span></span> 
      <span></span> 
     </div> 
    } 
    ?> 

    <div class="responsive-menu"> 
    <?php 
     if (! is_front_page() && ! is_home()) { 
     wp_nav_menu(); 
    } 
    ?> 
    </div> 
</div> 

私はPHPやJSを使用する必要がない場合、私は、CSSで特定のページのハンバーガーメニューを非表示にする方法があるかどうかわからない、または、私は機能を配置する必要があります/私は何の機能を使うべきですか？

ありがとうございました！

Answer 1

HTMLコードを印刷する前に、PHPコードセクションを閉じる必要があります。

<div class="mobile-nav"> 
    <?php if (! is_front_page() && ! is_home()) : ?> 
     <div class="menu-btn" id="menu-btn"> 
      <div></div> 
      <span></span> 
      <span></span> 
      <span></span> 
     </div> 
    <?php endif; ?> 

    <div class="responsive-menu"> 
    <?php 
     if (! is_front_page() && ! is_home()) { 
     wp_nav_menu(); 
    } 
    ?> 
    </div> 
</div> 

Answer 2

HTMLをPHPと混在させています。あなたがあなたのPHPの<div>...</div>内部を持って見ることができるように

：

<?php if (! is_front_page() && ! is_home()) { ?> 
    <div class="menu-btn" id="menu-btn"> 
     <div></div> 
     <span></span> 
     <span></span> 
     <span></span> 
    </div> 
<?php } ?> 

説明：

はこれを試してみてください。 最初にあなたのphp-sectionを閉じてからhtmlを投稿してから、ifを終了する必要があります。

あなたif(...) {

は、この情報がお役に立てば幸い後にあなただけの?>を必要としています。

Answer 3

あなたはそのように行うことができます。

<?php if (! is_front_page() && ! is_home()) { 
<div class="mobile-nav"> 
     <div class="menu-btn" id="menu-btn"> 
      <div></div> 
      <span></span> 
      <span></span> 
      <span></span> 
     </div> 


    <div class="responsive-menu"> 
    <?php 
     wp_nav_menu(); 
    ?> 
    </div> 
</div> 
} 
?>