Question

私は異なるページにカスタムヘッダー画像を使用しています。 インデックスページ&の共通ヘッダーがあり、検索ページに使用するヘッダーが1つあります。

AND条件のインデックスは、検索ページではないインデックスページのみのインデックスページヘッダーです。

<b:if cond='data:blog.pageType == "index"'> 
 
<b:if cond='data:blog.pageType!= data:blog.searchQuery'> 
 
<div class='picheader'> 
 
<img alt='abc' src='image url' style='width:500px;height:300px;'/> 
 
    <br/><br/> 
 
<div style='font-size:25px; text-shadow: 2px 1px grey;'>What we do ?</div> 
 
Our description 
 
</div> 
 
</b:if> 
 
</b:if> 
 

 
<!-- Only for search page --> 
 
<b:if cond='data:blog.searchQuery'> 
 
<div class='picheader'> 
 
<img alt='Search Page' src='image url' style='width:500px;height:300px;'/> 
 
    <br/><br/> 
 
<div style='font-size:25px; text-shadow: 2px 1px grey;'>Search Anything</div> 
 
Looking for something... 
 
</div> 
 
</b:if>

しかし、このコードでは、インデックスページは大丈夫ですが、インデックスページヘッダは、検索ページのヘッダーにロードされます。 これを解決するには？

Answer 1

は、このコードを試してみてください。

<!-- If it is an Index page --> 
<b:if cond='data:blog.pageType == "index"'> 

    <!-- If it is search page --> 
    <b:if cond='data:blog.searchQuery'> 
    <div class='picheader'> 
     <img alt='Search Page' src='image url' style='width:500px;height:300px;'/> 
     <br/><br/> 
     <div style='font-size:25px; text-shadow: 2px 1px grey;'>Search Anything</div> 
     Looking for something... 
    </div> 

    <!-- If it is an Index page but not Search page --> 
    <b:else/> 
    <div class='picheader'> 
     <img alt='abc' src='image url' style='width:500px;height:300px;'/> 
     <br/><br/> 
     <div style='font-size:25px; text-shadow: 2px 1px grey;'>What we do ?</div> 
     Our description 
    </div> 
    </b:if> 

</b:if> 

（あなたは 'インデックス' を検索しない限り）条件data:blog.pageType != data:blog.searchQueryは常にtrueを返します。それが検索ページにも表示される理由です。