Wordpress - ヘッダーオーバーレイを削除するには

私はwordpressウェブサイトにランドスケープテーマ（https://en-gb.wordpress.org/themes/landscape/）を使用しています。問題は、ヘッダ・オーバーレイ・イメージがナビ・バー・メニューに必要なときに、ナビ・バー・メニューに添付されていることです。ホームページ上では問題ありませんが、他のすべてのページにも表示されますが、これは不要です。Wordpress - ヘッダーオーバーレイを削除するには

<?php if (is_home()) { ?> 
    <div class="header-overlay"> 
    <div class="site-branding"> 
     <h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></h1> 
     <h2 class="site-description"><?php bloginfo('description'); ?></h2> 
     </div> 
    </div> 
<?php } ?>

しかし、それは動作しませんでした：は、私は、ifの条件を使用しようとしました。

誰でもコードから削除する方法を教えてください。

header.phpの：

<body <?php body_class(); ?>> 
    <div id="page" class="hfeed site"> 

    <div class="site-branding"> 
    <a href="http://localhost/abba_property_services/"><img src="http://localhost/abba_property_services/wp-content/uploads/2017/03/ABBA-Solutions-White-Background-1.png"></a> 
    </div> 
    <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e('Skip to content', 'landscape'); ?></a> 

    <header id="masthead" class="site-header" role="banner"> 
    <nav role="navigation" class="site-navigation main-navigation"> 
     <h1 class="assistive-text"><?php _e('Menu', 'landscape'); ?></h1> 

     <?php wp_nav_menu(array('theme_location' => 'primary')); ?> 
    </nav><!-- .site-navigation .main-navigation --> 

    <div class="header-overlay"> 
     <div class="site-branding"> 
      <h1 class="site-title"><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></h1> 
      <h2 class="site-description"><?php bloginfo('description'); ?></h2> 
     </div> 
    </div> 
    </div> 
</header>

header.phpの

出典

2017-03-20 T.Doe

追加

<header <?php if (is_home()) { echo 'id="masthead"'; }?>class="site-header" role="banner">

変更CSS

.site-header { 
height: auto; 
} 
.home .site-header { 
height: 40.625rem; 
}

出典

2017-03-21 00:22:31 Kasia

これは魅力的に機能しました！どうもありがとうございます！ –

ヘッダーのオーバーレイ画像が他のすべてのページに表示される空白がまだあります。これも取り除く方法はありますか？ –

@ T.Doeなぜあなたはあなたの質問を削除しましたか？私はそれに答...）： –

イメージのバックグラウンドコールは実際には#mastheadルールにありますが、カストマイザにはフックされているため、そこから簡単に削除できます。問題は空間が引き継がれるので、CSSに調整する必要があるので、.homeクラスを使用してホームページに定義されているようにする必要があります。

出典

2017-03-21 01:59:44 Cedon

その通りです！私は現在、巨大な空白に直面しています。.header-pverlay {display：none;は働いていません。これのコード例がありますか？ –

Wordpress - ヘッダーオーバーレイを削除するには

答えて

関連する問題