Question

我在wordpress中创建了一个项目。我使用了一个名为“header”的标题部分的conman类，但仅对于主页我使用了另一个类“带标题的home-header”。即

<header class="header home-header">
<div class="container">
<div class="logo"><a href="index.html"><img src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt=""></a></div>
<div class="connect">
  <label><img src="<?php bloginfo('template_directory'); ?>/images/small-phone-icon.png" alt="">(540) 455-5057</label>
  <label><img src="<?php bloginfo('template_directory'); ?>/images/small-mail-icon.png" alt=""><a href="mailto:info@lifesourcecounseling.com">info@lifesourcecounseling.com</a></label>
</div>
<nav>
  <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'menu_id' => 'primary-menu' ) ); ?>
</nav>

我的问题是我如何从内页中删除home-header类而不是内页？

类标题是网站的默认标头。

请帮助我......

Answer 1

在wordpress上，通常在第一页上，.body有类.home或特定于第一页的内容

如果您已在html

中提供了<header>班home-header

使用此 jsfiddle 1

if (!$("body").hasClass("home")) {
    $("header").removeClass("home-header")
}

!表示not，所以如果标题有不类主页

，您可以像一样阅读
如果您只想从JQ提供header类。

使用此： jsfiddle

if ($("body").hasClass("home")) { $("header").addClass("home-header") }else{ $("header").addClass("header") }

或者您的<header>是否有header类，并且您只想为第一页添加课程。使用以下代码：

$("body.home header").addClass("home-header")

Answer 2

你可以在下面添加它运行的PHP代码。

<header class="header<?php echo ( is_home() || is_front_page() ) ? ' home-header' : ''; ?>">
<div class="container">
<div class="logo"><a href="index.html"><img src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt=""></a></div>
<div class="connect">
  <label><img src="<?php bloginfo('template_directory'); ?>/images/small-phone-icon.png" alt="">(540) 455-5057</label>
  <label><img src="<?php bloginfo('template_directory'); ?>/images/small-mail-icon.png" alt=""><a href="mailto:info@lifesourcecounseling.com">info@lifesourcecounseling.com</a></label>
</div>
<nav>
  <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'menu_id' => 'primary-menu' ) ); ?>
</nav>

Answer 3

使用WordPress功能＆＃39; is_front_page（）＆＃39;。如果是，那么应用该类或否。建议不要在这些情况下使用JS。它可以增加页面重量。

Answer 4

解决方案得到：

$(document).ready(function(e) {
if ($("body").hasClass("home")) {
$("header").addClass("home-header")
}else{
$("header").removeClass("home-header")
}
});

我如何删除内页的标题部分中的另一个类

4 个答案: