Php 在WordPress站点的特定页面上隐藏汉堡包菜单_Php_Jquery_Css_Wordpress_Hamburger Menu

Php 在WordPress站点的特定页面上隐藏汉堡包菜单

php jquery css wordpress

Php 在WordPress站点的特定页面上隐藏汉堡包菜单,php,jquery,css,wordpress,hamburger-menu,Php,Jquery,Css,Wordpress,Hamburger Menu,我的汉堡包菜单在所有其他页面上都正常工作-我只是不希望它显示在主页上，目前它在768px及以下显示 footer.php是菜单所在的位置： <div class="mobile-nav"> <div class="menu-btn" id="menu-btn"> <div></div> <span></span> <span></span>

我的汉堡包菜单在所有其他页面上都正常工作-我只是不希望它显示在主页上，目前它在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>

你可以看到，我告诉它不要在首页（也就是主页）上显示导航菜单，它这样做是正确的——但是我如何对汉堡包菜单做同样的事情呢

我按照中的说明创建了我的汉堡包菜单。如果我试图复制PHP If语句，该语句告诉浏览器在除首页/主页之外的所有其他页面上显示导航菜单，然后将其粘贴到带有类和id“Menu btn”的div之前，我会得到一个语法错误：

<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>

我不确定是否有办法用CSS在特定页面上隐藏汉堡包菜单，或者，如果我确实需要使用PHP或JS，我应该在哪里放置函数/我应该使用什么函数

谢谢大家!

在打印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>

在打印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>

您正在将

HTML

与

PHP

混合使用

试试这个：

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

如您所见，您的

PHP

中有

..

。您需要先关闭

php部分

，然后发布

html

，如果，则必须结束


如果（…）{

希望这有帮助。