Question

我在我的wordpress网站上使用了横向主题（https://en-gb.wordpress.org/themes/landscape/）。问题是标题叠加图像附加到导航栏菜单，当我需要的是中堂栏菜单。它在主页上很好，但它也出现在每个其他页面上，这是不必要的。我试图使用if条件：

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

但那没用。

有人可以帮忙解决如何从代码中删除它吗？

的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

Answer 1

添加

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

更改css

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

Answer 2

图像后台调用实际上在#masthead规则中，但它已连接到自定义程序中，因此您可以轻松地将其从中移除。问题是仍然需要占用空间，因此您需要对CSS进行一些调整以使其成为仅使用.home类在主页上定义的。

Wordpress - 如何删除标题叠加层

2 个答案: