這次的心得分享,是跟跪婦阿冠討論出來的,拜了幾天大神,終於修改成功,讓我對Blogger靈活的判斷式,又多了點認識。
情況是這樣,阿冠的首頁文章,有個日期區塊,就是下圖黑底白字的地方,進入搜尋標籤頁面時,預設也會跟著出現,而且因為阿冠調整過一些字級大小,所以造成日期跟標題的重疊,閱讀起來有點窒礙。
我們討論過後,希望達成的結果,是『首頁保留日期區塊,搜尋標籤結果不需要日期區塊』,如下圖,跟上圖比較的日期區塊已經不見了。
由於日期區塊綁著文章區塊,設定顯示日期時,所有文章部分都會顯示日期,並沒有選擇性露出的選項可以使用,下圖表示左上角的『日期』與中間的『文章內文』在同一個地方作設定。
經過一番推理跟思考,解法導向「能不能經由判斷式來做這個選擇?」
當我們問清楚了問題,答案就呼之欲出,於是再次向大神下訂單,得到解法:
Blogger的標籤搜尋結果,也是一種可以判斷的條件,實際操作如下:
首先找到以下這一串,這代表日期區塊
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
在其上下各加判斷式,使其變成這樣
<b:if cond='data:blog.searchLabel'>
<b:else/>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
白話解說,如果目前頁面不是標籤的搜尋結果(data:blog.searchLabel),就秀出日期區塊(<data:post.dateHeader/>)
真是有趣的條件!
也可搭配這一篇一起修改標籤搜尋結果頁面的版型
【文章】讓搜尋標籤的結果頁,只出現標題、摘文與縮圖
完工~
延伸閱讀~
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
白話解說,如果目前頁面不是標籤的搜尋結果(data:blog.searchLabel),就秀出日期區塊(<data:post.dateHeader/>)
真是有趣的條件!
也可搭配這一篇一起修改標籤搜尋結果頁面的版型
【文章】讓搜尋標籤的結果頁,只出現標題、摘文與縮圖
完工~
延伸閱讀~
沒有留言
張貼留言