Element XD lab
哥教的不是CG,是偷雞
快速導引

【Blogger】讓搜尋標籤的結果頁,只出現標題、摘文與縮圖


這個主題也是跪婦阿冠提出來討論的,在研究了幾篇文章後,整理簡化各家程式碼來做個分享。

在預設情況下,點選標籤的搜尋結果頁,會出現跟首頁一樣的文章排列。

如果文章格式一開始就有一個大圖,然後一大段文字之後才加上繼續閱讀,那麼首頁跟搜尋結果會是一樣的畫面。

搜尋這個動作,本身代表想要快速瀏覽與找到想要的資料,如果這時候看到的文章排列還是跟首頁一樣,文章篇幅大,格式不一定統一,在很多篇很多篇文章中滾動滑鼠會很容易錯失目標。


圖說:預設情況下,搜尋結果示意圖。

做法:

在範本中找到這一段
<b:include data='post' name='post'/>
預設情況下只會有一個結果



用這一段完全取代
<b:if cond='data:blog.searchLabel'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='70px' style='clear:left;float:left;margin-right:10px' width='70px'/>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<data:post.snippet/>
<div class='jump-link' style='align:right;margin-right:20px'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a></div>
<b:else/> 
<b:include data='post' name='post'/>
</b:if>


白話文解說:
如果條件是標籤的搜尋結果(data:blog.searchLabel),則出現縮圖(data:post.thumbnailUrl),文章標題(<data:post.title/>),內文摘要(<data:post.snippet/>)以及繼續閱讀(<data:post.jumpText/>),其他情況,保留預設排列。

如果不要縮圖,可以刪除這一串
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='70px' style='clear:left;float:left;margin-right:10px' width='70px'/>




改造結果,格式統一,基本資訊都有,這樣才比較滿足「搜尋」這一件事情的意義。



也可搭配這一篇一起決定是否保留文章上方的時間區塊
【精華】絕妙靈活判斷式,可抓到「標籤搜尋結果頁面」



完工~



本篇參考了以下教學:
到處旅遊的明星部落客,深度廣度俱足的生活文章~
技術提供:Blogger.

聯絡


聯絡表單

名稱

以電子郵件傳送

訊息

© thephilko.com All Rights Reserved