在Wordpress中隱藏菜單Div類基於Url的

我在主題文件夾中創建了一個文件夾名稱js並添加了這個文件（hidemenu.js）。在主題在Wordpress中隱藏菜單Div類基於Url的

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中的同一件事情呢？

來源

2015-09-05 Abhishek

getElementByClass是錯誤的，正確的是getElementsByClassName，它選擇所有具有該類的元素。所以確保你只有一個這個類的元素。 – Webpandit

也試過了。但仍然沒有結果 – Abhishek

這個腳本在頁面的最底部，在關閉body標籤之前？ – Webpandit

現在根據您的回覆，你可以這樣做解決這一問題：

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

然後去header.php中，你可以把如果這樣的情況：

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

來源

2015-09-05 13:08:29 user1990

嘗試，但它隱藏子頁面。實際上結構取決於位置頁面。所以頁面就像位置/城市/地點，如果我隱藏位置，這也隱藏了其他頁面。所以只有我們可以通過網址隱藏的方式。 – Abhishek

你能否詳細說明導航條件。謝謝 – Abhishek

你可以做的菜單類取決於頁面塊，然後定義一個可重用的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。

來源

2015-09-05 13:12:36 raffjones

不知道但它不工作，可能是因爲自定義的帖子類型和類別。 – Abhishek

如果不看你的代碼就很難解決。你有沒有在網上開發網站？ – raffjones

看看這裏是我的網站： [link] http：// hangoutflavours。com/locations/ – Abhishek

在WordPress中處理此問題的最佳方法可能是爲該頁面創建一個自定義頁面模板，並在該頁面上加載一個自定義頁眉，您需要其他菜單結構。如果你還是想用CSS來做到這一點，我看了看現場，並在代碼檢查補充說：

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

我看到這一點：screenshot

來源

2015-09-05 17:41:38

我不知道自定義模板。那麼對於CSS，它隱藏起來，但隱藏父頁面：[link] http://hangoutflavours.com/locations/in/bangalore – Abhishek

這裏是我的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 } ?>

來源

2015-09-05 17:48:00 user1990

這裏是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("/*@[email protected]*/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; ?>">

來源

2015-09-05 18:45:22 Abhishek

在Wordpress中隱藏菜單Div類基於Url的

回答

相關問題