在 Wordpress 中基于 Url 隐藏菜单 Div 类答案

【问题标题】：Hide Menu Div Class based on Url in Wordpress在 Wordpress 中基于 Url 隐藏菜单 Div 类
【发布时间】：2015-12-01 11:40:35
【问题描述】：

我在主题文件夹中创建了一个文件夹名称 js 并添加了这个文件（hidemenu.js）。

 function getElementsByClassName(classname, node)  {
        if(!node) node = document.getElementsByTagName("body")[0];
        var a = [];
        var re = new RegExp('\\b' + classname + '\\b');
        var els = node.getElementsByTagName("*");
        for(var i=0,j=els.length; i<j; i++)
            if(re.test(els[i].className))a.push(els[i]);
        return a;
    }

    var link = window.location.pathname;
    var locations = ['/locations/'];
    if (locations.indexOf(link) >= 0) {

        var elements = new Array();
        elements = getElementsByClassName('fusion-main-menu');
        for(i in elements ){
            elements[i].style.display = "none";
        }

    }

稍后在主题footer.php中调用这个

<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/hidemenu.js"></script>

但在 javascript 中，我看到隐藏类有几秒钟或类似闪烁。我们可以以更好的方式隐藏或在 jquery 中隐藏相同的东西吗？

【问题讨论】：

getElementByClass 是错误的，正确的是 getElementsByClassName，它选择该类的所有元素。因此，请确保该类中只有一个元素。
也试过了。但还是没有结果
这个脚本是否在页面的最底部，在结束正文标记之前？
没有它在顶部，它在标题标签之间。我在 Theme header.php 中添加了
把它放在结束body标签之前的底部或者在footer.php文件中。必须在加载 html 后加载脚本，以便它可以找到元素并将其隐藏

标签： javascript wordpress url hide

【解决方案1】：

现在根据您的回复，您可以通过以下方式解决该问题：

//get the current page url
$getCurrentPageUrl = current_page_url();

然后转到 header.php 你可以这样输入 if 条件：

if($getCurrentPageUrl != 'putpageurl') {
  //not show navbar code
} else {
  //show navbar
}

【讨论】：

试过，但它隐藏了子页面。实际上结构取决于位置页面。所以页面就像位置/城市/地区，如果我隐藏位置，这也会隐藏其他页面。所以只有这样我们才能通过 url 隐藏。
能否请您详细说明导航栏的条件。谢谢

【解决方案2】：

您可以使菜单类依赖于页面 slug，然后定义一个可重用的 CSS 类来隐藏它。

在页面PHP中：

<?php

global $post;

// start with just the standard fusion-main-menu class
$menu_classes = array( 'fusion-main-menu' );

// see if we are on the page you want to hide the menu on
if ( 'locations' === $post->post_name )
{
   // yes - so add the class which will hide the menu
   $menu_classes[] = 'hide-menu';
}

// turn the array of class names into a string
$classnm = implode(' ', $menu_classes); 
?>

<div class="<?php echo $classnm; ?>"> 

</div>

然后在你的 CSS 文件中：

.fusion-main-menu.hide-menu {
  display: none;
}

应该可以。然后不需要 JavaScript。

【讨论】：

不知道，但它不起作用，可能是因为自定义帖子类型和类别。
不看代码就很难解决。你有没有在某个地方把开发网站放在网上？

【解决方案3】：

在 WordPress 中处理此问题的最佳方法可能是为此页面制作自定义页面模板，并在您需要不同菜单结构的页面上加载自定义标题。如果你还想用 css 做，我看了一下网站并在代码检查器中添加：

   body.page-id-139 div.fusion-main-menu {
       display: none;
   }

我看到了这个：screenshot

【讨论】：

我不知道自定义模板。对 CSS 来说很好，它隐藏但也隐藏父页面：[link]hangoutflavours.com/locations/in/bangalore

【解决方案4】：

这是我的 header.php 代码，每个主题都不同，因此请从控制台面板中选择导航栏 div 标签：

        <?php if($getCurrentPageUrl != 'http://localhost/demo1/') { ?>
            <div class="head-container">
                <div class="container">
                    <div class="sixteen columns">
                        <header id="masthead" class="site-header" role="banner">
                            <?php   
                                if (fruitful_is_social_header()) { 
                                    fruitful_get_socials_icon(); 
                                }    
                            ?>
                            <div data-originalstyle="<?php echo $logo_pos_class; ?>" class="header-hgroup <?php echo $logo_pos_class; ?>">  
                                <?php echo fruitful_get_logo(); ?>
                            </div>  

                            <div data-originalstyle="<?php echo $menu_pos_class; ?>" class="menu-wrapper <?php echo $menu_pos_class; ?>">
                                <?php fruitful_get_languages_list(); ?>
                                <?php fruitful_get_cart_button_html(); ?>

                                <nav role="navigation" class="site-navigation main-navigation">
                                    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
                                </nav><!-- .site-navigation .main-navigation -->
                            </div>
                        </header><!-- #masthead .site-header -->
                    </div>
                </div>
            </div>
        <?php } ?>

【讨论】：

【解决方案5】：

这里是 header.php

<!DOCTYPE html>
<?php global $smof_data, $woocommerce; ?>
<html class="<?php echo ( ! $smof_data['smooth_scrolling'] ) ? 'no-overflow-y' : ''; ?>" xmlns="http<?php echo (is_ssl())? 's' : ''; ?>://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>

    <?php if ( isset( $_SERVER['HTTP_USER_AGENT'] ) && ( false !== strpos( $_SERVER['HTTP_USER_AGENT'], 'MSIE' ) ) ) : ?>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <?php endif; ?>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title><?php wp_title( '' ); ?></title>

    <!--[if lte IE 8]>
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/assets/js/html5shiv.js"></script>
    <![endif]-->

    <?php $isiPad = (bool) strpos( $_SERVER['HTTP_USER_AGENT'],'iPad' ); ?>

    <?php if ( $smof_data['responsive'] && $isiPad && ! $smof_data['ipad_potrait'] ) : ?>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <?php else : ?>
        <?php if ( $smof_data['mobile_zoom'] ) : ?>
            <meta name="viewport" content="width=device-width, initial-scale=1" />
        <?php else : ?>
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <?php endif; ?>
    <?php endif; ?>

    <?php if ( $smof_data['favicon'] ) : ?>
        <link rel="shortcut icon" href="<?php echo $smof_data['favicon']; ?>" type="image/x-icon" />
    <?php endif; ?>

    <?php if ( $smof_data['iphone_icon'] ) : ?>
        <!-- For iPhone -->
        <link rel="apple-touch-icon-precomposed" href="<?php echo $smof_data['iphone_icon']; ?>">
    <?php endif; ?>

    <?php if ( $smof_data['iphone_icon_retina'] ) : ?>
        <!-- For iPhone 4 Retina display -->
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo $smof_data['iphone_icon_retina']; ?>">
    <?php endif; ?>

    <?php if ( $smof_data['ipad_icon'] ) : ?>
        <!-- For iPad -->
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo $smof_data['ipad_icon']; ?>">
    <?php endif; ?>

    <?php if ( $smof_data['ipad_icon_retina'] ) : ?>
        <!-- For iPad Retina display -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo $smof_data['ipad_icon_retina']; ?>">
    <?php endif; ?>

    <?php wp_head(); ?>

    <?php

    $object_id = get_queried_object_id();
    $c_pageID  = Avada::c_pageID();
    ?>

    <!--[if lte IE 8]>
    <script type="text/javascript">
    jQuery(document).ready(function() {
    var imgs, i, w;
    var imgs = document.getElementsByTagName( 'img' );
    for( i = 0; i < imgs.length; i++ ) {
        w = imgs[i].getAttribute( 'width' );
        imgs[i].removeAttribute( 'width' );
        imgs[i].removeAttribute( 'height' );
    }
    });
    </script>

    <script src="<?php echo get_template_directory_uri(); ?>/assets/js/excanvas.js"></script>

    <![endif]-->

    <!--[if lte IE 9]>
    <script type="text/javascript">
    jQuery(document).ready(function() {

    // Combine inline styles for body tag
    jQuery('body').each( function() {
        var combined_styles = '<style type="text/css">';

        jQuery( this ).find( 'style' ).each( function() {
            combined_styles += jQuery(this).html();
            jQuery(this).remove();
        });

        combined_styles += '</style>';

        jQuery( this ).prepend( combined_styles );
    });
    });
    </script>

    <![endif]-->

    <script type="text/javascript">
        var $is_ie_10 = eval("/*@cc_on!@*/false") && document.documentMode === 10;
        if ( $is_ie_10 ) {
            document.write('<style type="text/css">.fusion-imageframe,.imageframe-align-center{font-size: 0px; line-height: normal;}.fusion-button.button-pill,.fusion-button.button-pill:hover{filter: none;}.fusion-header-shadow:after, body.side-header-left .header-shadow#side-header:before, body.side-header-right .header-shadow#side-header:before{ display: none }.search input,.searchform input {padding-left:10px;} .avada-select-parent .select-arrow,.select-arrow{height:33px;<?php if($smof_data['form_bg_color']): ?>background-color:<?php echo $smof_data['form_bg_color']; ?>;<?php endif; ?>}.search input{padding-left:5px;}header .tagline{margin-top:3px;}.star-rating span:before {letter-spacing: 0;}.avada-select-parent .select-arrow,.gravity-select-parent .select-arrow,.wpcf7-select-parent .select-arrow,.select-arrow{background: #fff;}.star-rating{width: 5.2em;}.star-rating span:before {letter-spacing: 0.1em;}</style>');
        }

        var doc = document.documentElement;
        doc.setAttribute('data-useragent', navigator.userAgent);
    </script>

    <?php echo $smof_data['google_analytics']; ?>

    <?php echo $smof_data['space_head']; ?>

</head>
<?php
$wrapper_class = '';


if ( is_page_template( 'blank.php' ) ) {
    $wrapper_class  = 'wrapper_blank';
}

if ( 'modern' == $smof_data['mobile_menu_design'] ) {
    $mobile_logo_pos = strtolower( $smof_data['logo_alignment'] );
    if ( 'center' == strtolower( $smof_data['logo_alignment'] ) ) {
        $mobile_logo_pos = 'left';
    }
}

?>
<body <?php body_class(); ?> data-spy="scroll">
    <?php $boxed_side_header_right = false; ?>
    <?php if ( ( ( 'Boxed' == $smof_data['layout'] && ( 'default' == get_post_meta( $c_pageID, 'pyre_page_bg_layout', true ) || '' == get_post_meta( $c_pageID, 'pyre_page_bg_layout', true ) ) ) || 'boxed' == get_post_meta( $c_pageID, 'pyre_page_bg_layout', true ) ) && 'Top' != $smof_data['header_position'] ) : ?>
        <?php if ( $smof_data['slidingbar_widgets'] && ! is_page_template( 'blank.php' ) && ( 'Right' == $smof_data['header_position'] || 'Left' == $smof_data['header_position'] ) ) : ?>
            <?php get_template_part( 'slidingbar' ); ?>
            <?php $boxed_side_header_right = true; ?>
        <?php endif; ?>
        <div id="boxed-wrapper">
    <?php endif; ?>
    <div id="wrapper" class="<?php echo $wrapper_class; ?>">
        <div id="home" style="position:relative;top:1px;"></div>
        <?php if ( $smof_data['slidingbar_widgets'] && ! is_page_template( 'blank.php' ) && ! $boxed_side_header_right ) : ?>
            <?php get_template_part( 'slidingbar' ); ?>
        <?php endif; ?>
        <?php if ( false !== strpos( $smof_data['footer_special_effects'], 'footer_sticky' ) ) : ?>
            <div class="above-footer-wrapper">
        <?php endif; ?>

        <?php avada_header_template( 'Below' ); ?>
        <?php if ( 'Left' == $smof_data['header_position'] || 'Right' == $smof_data['header_position'] ) : ?>
            <?php avada_side_header(); ?>
        <?php endif; ?>

        <div id="sliders-container">
            <?php
            if ( is_search() ) {
                $slider_page_id = '';
            } else {
                // Layer Slider
                $slider_page_id = '';
                if ( ! is_home() && ! is_front_page() && ! is_archive() && isset( $object_id ) ) {
                    $slider_page_id = $object_id;
                }
                if ( ! is_home() && is_front_page() && isset( $object_id ) ) {
                    $slider_page_id = $object_id;
                }
                if ( is_home() && ! is_front_page() ) {
                    $slider_page_id = get_option( 'page_for_posts' );
                }
                if ( class_exists( 'WooCommerce' ) && is_shop() ) {
                    $slider_page_id = get_option( 'woocommerce_shop_page_id' );
                }
                avada_slider( $slider_page_id );
            } ?>
        </div>
        <?php if ( get_post_meta( $slider_page_id, 'pyre_fallback', true ) ) : ?>
            <div id="fallback-slide">
                <img src="<?php echo get_post_meta( $slider_page_id, 'pyre_fallback', true ); ?>" alt="" />
            </div>
        <?php endif; ?>
        <?php avada_header_template( 'Above' ); ?>

        <?php if ( has_action( 'avada_override_current_page_title_bar' ) ) : ?>
            <?php do_action( 'avada_override_current_page_title_bar', $c_pageID ); ?>
        <?php else : ?>
            <?php avada_current_page_title_bar( $c_pageID ); ?>
        <?php endif; ?>

        <?php if ( is_page_template( 'contact.php' ) && $smof_data['recaptcha_public'] && $smof_data['recaptcha_private'] ) : ?>
            <script type="text/javascript">var RecaptchaOptions = { theme : '<?php echo $smof_data['recaptcha_color_scheme']; ?>' };</script>
        <?php endif; ?>

        <?php if ( is_page_template( 'contact.php' ) && $smof_data['gmap_address'] && ! $smof_data['status_gmap'] ) : ?>
            <?php
            $map_popup             = ( ! $smof_data['map_popup'] )        ? 'yes' : 'no';
            $map_scrollwheel       = ( ! $smof_data['map_scrollwheel'] )  ? 'yes' : 'no';
            $map_scale             = ( ! $smof_data['map_scale'] )        ? 'yes' : 'no';
            $map_zoomcontrol       = ( ! $smof_data['map_zoomcontrol'] )  ? 'yes' : 'no';
            $address_pin           = ( ! $smof_data['map_pin'] )          ? 'yes' : 'no';
            $address_pin_animation = ( $smof_data['gmap_pin_animation'] ) ? 'yes' : 'no';

            echo do_shortcode( '[avada_map address="' . $smof_data['gmap_address'] . '" type="' . $smof_data['gmap_type'] . '" address_pin="' . $address_pin . '" animation="' .  $address_pin_animation . '" map_style="' . $smof_data['map_styling'] . '" overlay_color="' . $smof_data['map_overlay_color'] . '" infobox="' . $smof_data['map_infobox_styling'] . '" infobox_background_color="' . $smof_data['map_infobox_bg_color'] . '" infobox_text_color="' . $smof_data['map_infobox_text_color'] . '" infobox_content="' . htmlentities( $smof_data['map_infobox_content'] ) . '" icon="' . $smof_data['map_custom_marker_icon'] . '" width="' . $smof_data['gmap_width'] . '" height="' . $smof_data['gmap_height'] . '" zoom="' . $smof_data['map_zoom_level'] . '" scrollwheel="' . $map_scrollwheel . '" scale="' . $map_scale . '" zoom_pancontrol="' . $map_zoomcontrol . '" popup="' . $map_popup . '"][/avada_map]' );
            ?>
        <?php endif; ?>

        <?php if ( is_page_template( 'contact-2.php' ) && $smof_data['gmap_address'] && ! $smof_data['status_gmap'] ) : ?>
            <?php
            $map_popup             = ( $smof_data['map_popup'] )          ? 'yes' : 'no';
            $map_scrollwheel       = ( ! $smof_data['map_scrollwheel'] )  ? 'yes' : 'no';
            $map_scale             = ( ! $smof_data['map_scale'] )        ? 'yes' : 'no';
            $map_zoomcontrol       = ( ! $smof_data['map_zoomcontrol'] )  ? 'yes' : 'no';
            $address_pin_animation = ( $smof_data['gmap_pin_animation'] ) ? 'yes' : 'no';

            echo do_shortcode( '[avada_map address="' . $smof_data['gmap_address'] . '" type="' . $smof_data['gmap_type'] . '" map_style="' . $smof_data['map_styling'] . '" animation="' .  $address_pin_animation . '" overlay_color="' . $smof_data['map_overlay_color'] . '" infobox="' . $smof_data['map_infobox_styling'] . '" infobox_background_color="' . $smof_data['map_infobox_bg_color'] . '" infobox_text_color="' . $smof_data['map_infobox_text_color'] . '" infobox_content="' . $smof_data['map_infobox_content'] . '" icon="' . $smof_data['map_custom_marker_icon'] . '" width="' . $smof_data['gmap_width'] . '" height="' . $smof_data['gmap_height'] . '" zoom="' . $smof_data['map_zoom_level'] . '" scrollwheel="' . $map_scrollwheel . '" scale="' . $map_scale . '" zoom_pancontrol="' . $map_zoomcontrol . '" popup="' . $map_popup . '"][/avada_map]' );
            ?>
        <?php endif; ?>
        <?php
        $main_css      = '';
        $row_css       = '';
        $main_class    = '';
        $page_template = '';

        if ( function_exists( is_woocommerce() ) && is_woocommerce() ) {
            $custom_fields = get_post_custom_values( '_wp_page_template', $c_pageID );
            $page_template = ( is_array( $custom_fields ) && ! empty( $custom_fields ) ) ? $custom_fields[0] : '';
        }

        if ( is_page_template( '100-width.php' ) || is_page_template( 'blank.php' ) || ( '1' == fusion_get_option( 'portfolio_width_100', 'portfolio_width_100', $c_pageID ) || 'yes' == fusion_get_option( 'portfolio_width_100', 'portfolio_width_100', $c_pageID ) && 'avada_portfolio' == get_post_type( $c_pageID ) ) || ( avada_is_portfolio_template() && 'yes' == get_post_meta( $c_pageID, 'pyre_portfolio_width_100', true ) ) || '100-width.php' == $page_template ) {
            $main_css = 'padding-left:0px;padding-right:0px;';
            if ( $smof_data['hundredp_padding'] && ! get_post_meta( $c_pageID, 'pyre_hundredp_padding', true ) ) {
                $main_css = 'padding-left:' . $smof_data['hundredp_padding'] . ';padding-right:' . $smof_data['hundredp_padding'];
            }
            if ( get_post_meta( $c_pageID, 'pyre_hundredp_padding', true ) ) {
                $main_css = 'padding-left:' . get_post_meta( $c_pageID, 'pyre_hundredp_padding', true ) . ';padding-right:' . get_post_meta( $c_pageID, 'pyre_hundredp_padding', true );
            }
            $row_css    = 'max-width:100%;';
            $main_class = 'width-100';
        }
        do_action( 'avada_before_main' );
        ?>
        <div id="main" class="clearfix <?php echo $main_class; ?>" style="<?php echo $main_css; ?>">




            <div class="fusion-row" style="<?php echo $row_css; ?>">

【讨论】：