搜索页面的 Blogger 条件语句

Question

我正在为不同的页面使用自定义标题图片。 我有一个用于索引页的通用页眉和一个用于搜索页的页眉。

这是带有 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（除非您搜索“索引”）。这也是它在搜索页面上显示的原因。