在Blogger(blogspot) 單篇文章隱藏 裝置元件(widget)或網頁元素的方法

推文分享

當部落格外掛元件愈來愈多時, 網頁的載入速度會拖慢, 這時候可考慮當連入到某一篇文章(非首頁)時, 只顯示部份的裝置元件(widget), 或 blogger 的網頁元素(page element).




在修改程式碼時, 記得先備份template, 然後選 版面配置 --> 修改 HTML --> 展開小裝置範本 打勾.


主要是用 <b:if cond='data:blog.pageType != "item"'> 與 </b:if> 包住想隱藏的網頁元素內容.

1.先找到像 <b:widget id='xxxx' locked='false' title='XXXX' type='cccc'> 這樣的程式碼, 這就是一個網頁元素


2.然後在這個網頁元素主要內容區域, <b:includable id='main'> (區塊開始)及 </b:includable> (區塊結束) 之間, 用<b:if cond='data:blog.pageType != "item"'> 與
</b:if> 包住區塊中的程式碼.

如 我想把 貼紙專區在單篇文章隱藏起來, 就在以下程式碼, 加入 這兩行紅字.

<b:widget id='HTML14' locked='false' title='貼紙專區' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>>

口訣就是,[找到藍字後, 加入紅字程式碼]!

所以有幾個網頁元素想隱藏, 就重覆以上步驟吧!

儲存後, 這些在首頁會顯示的裝置


進入任一單篇文章之後, 就不見了!

創用 CC 授權

本創作適用 姓名標示-相同方式分享 2.5 創用 CC 授權，台灣 並依循所適用的授權條款。

相關文章 :