内側のページのヘッダセクションから別のクラスを削除する方法

Question

私はwordpressでプロジェクトを作成します。私は "ヘッダー"と呼ばれるヘッダーセクションのためのconmanクラスを使用しましたが、私は別のクラス "ヘッダー付きホームヘッダー"を使用したホームページのみでした。すなわち

<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を<header>与えた場合

私の助けてください....ワードプレスの

Answer 1

は、usualy最初のページに、.bodyは、最初のページ

のための特定のクラス.homeか何かを持っていますHTML

使用このjsfiddle 1

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

!はあなただけJQからheaderクラスを与えたい場合は、のようなヘッダがませクラスの家を持っている場合

それを読んでそうnotを意味します。 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関数 'is_front_page（）'を使用してください。はいの場合はそのクラスを適用し、そうでない場合は適用します。そのような場合はJSを使用しないことをお勧めします。ページの重さを増やすことができます。

Answer 4

ソリューションgotit：

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