版面配置的網頁元素標記

版面配置主題的 <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>{/} 標記都會被 <div> 標記取代,並附帶指定的 ID,以便您參照 CSS 中的 div#header 或 div#myList 等標記。

這對您有幫助嗎?
我們應如何改進呢?