版面配置主題的 <body>
區段由不同的區段和小工具組成。
- 區段就是網頁的區域,例如側欄、頁尾等等。
- 小工具就是網頁元素,例如網頁、網誌聯播或任何可從 [網頁元素] 分頁新增的物件。
您可以在主題中的區段周邊插入任何 HTML。
區段
主題中的每個區段都有一個開始和結束標記,如下所示:
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
</b:section>
<b:section> 標記屬性
- id:(必要) 專屬的名稱,僅限字母和數字。
- class:(選擇性) 常見 class 名稱為「navbar」、「header」、「main」、「sidebar」和「footer」。如果您日後變更主題,這些名稱有助於 Blogger 判斷如何轉移您的內容。
- maxwidgets:(選擇性) 這個區段可容納的小工具數量上限;如不指定,則為無限。
- showaddelement:(選擇性) 可以是「yes」或「no」,預設值為「yes」。這是用來決定 [網頁元素] 分頁是否會在這個區段顯示 [新增網頁元素] 連結。
- growth:(選擇性) 可以是「horizontal」或「vertical」,預設值為「vertical」。這是用來決定這個區段中的小工具排列方式為並排或堆疊。
區段只能包含小工具。如要在區段中插入額外的程式碼,請將該區段分割為兩個以上的新區段。
小工具
小工具是以單一標記來表示,用來做為預留位置,指定小工具在 [網頁元素] 分頁中的運作方式。
小工具的範例如下 (一個用於網頁標頭,一個用於清單):
<b:widget id="header" type='HeaderView' locked="yes"/>
<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>
<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>
小工具屬性
- id:(必要) 僅限字母和數字,而且主題中的每個小工具 ID 不得重複。除非刪除小工具再新建,否則無法變更小工具 ID。
- type:(必要) 代表小工具的類型。
- locked:(選擇性) 可以是「yes」或「no」,預設值為「no」。鎖定的小工具不能移動,也無法從 [網頁元素] 分頁中刪除。
- title:(選擇性) 如未指定顯示的標題,系統將使用預設標題 (例如「List1」)。
- pageType:(選擇性) 可以是「all」、「archive」、「main」或「item」,預設值為「all」。小工具只會顯示在網誌中指定的網頁上 ([網頁元素] 分頁中會顯示所有小工具,無論是何種 pageType)。
- mobile:(選擇性) 可以是「yes」、「no」或「only」,預設值為「default」。這是用來決定是否要在行動裝置上顯示小工具。當 mobile 屬性設為「default」時,只有標頭、網誌、簡介、網頁清單、AdSense 和作者資訊會顯示在行動裝置上。
注意:在已發佈的網誌中,所有 <b:section>
和 <b:widget>{/} 標記都會被
標記取代,並附帶指定的 ID,以便您參照 CSS 中的 div#header 或 div#myList 等標記。<div>