レイアウト テーマの <body> セクションは、いくつかのセクションとウィジェットで構成されています。
- セクションとは、ページ内にあるサイドバー、フッターなどの領域のことです。
- ウィジェットとは、ページやブログロールなどのページ要素や、[ページ要素] タブで追加できるコンテンツのことです。
テーマ内のセクションには、任意の HTML を挿入することができます。
セクション
テーマ内の各セクションには、次に示すような開始タグと終了タグがあります。
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
</b:section>
- id –（必須）一意の名前です。文字と数値のみを使用できます。
- class –（省略可）よく使用されるクラス名は「navbar」、「header」、「main」、「sidebar」、「footer」です。ユーザーが後からテーマを変更した場合、Blogger はこれらのクラス名を基にコンテンツの変換方法を決定します。
- maxwidgets –（省略可）そのセクションで使用できるウィジェットの最大数です。指定しない場合、上限はありません。
- showaddelement –（省略可）「yes」か「no」のいずれかを指定します。デフォルトでは「yes」となります。[ページ要素] タブに、このセクションの [ページ要素を追加] リンクを表示するかどうかを指定します。
- growth –（省略可）「horizontal」か「vertical」のいずれかを指定します。デフォルトでは「vertical」になります。このセクション内のウィジェットを、並べて表示するか重ねて表示するかを指定します。
セクションに含めることができるのはウィジェットだけです。セクション内に追加のコードを挿入するには、そのセクションを 2 つ以上の新しいセクションに分割します。
ウィジェット
ウィジェットは 1 つのタグで表されるプレースホルダで、[ページ要素] タブでそのウィジェットをどのように処理するかを示します。
ウィジェットの例（ページヘッダーのウィジェットとリストのウィジェット）を次に示します。
<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 は変更できません。ウィジェットの ID を変更する必要がある場合は、一度そのウィジェットを削除して、新しく作成します。
- type –（必須）ウィジェットの種類です。
- locked –（省略可）「yes」か「no」のいずれかを指定します。デフォルトでは「no」になります。ロックされたウィジェットを [ページ要素] タブから移動、削除することはできません。
- title –（省略可）表示タイトルを指定しない場合、「List1」などのデフォルトのタイトルが使用されます。
- pageType –（省略可）「all」、「archive」、「main」、「item」のいずれかを指定します。デフォルトでは「all」になります。このウィジェットは、ブログの指定ページにのみ表示されます（[ページ要素] タブには、pageType の設定にかかわらず、すべてのウィジェットが表示されます）。
- mobile –（省略可）「yes」、「no」、「only」のいずれかを指定します。デフォルトでは「default」になります。ウィジェットをモバイルで表示するかどうかを指定します。mobile 属性に「default」を指定すると、モバイルでは Header、Blog、Profile、PageList、AdSense、Attribution が表示されます。
詳しくは、ウィジェット タグの編集についてのページをご覧ください。
メモ: ブログを公開すると、<b:section> タグと <b:widget> タグがすべて <div> タグに置き換えられ、それぞれに規定の ID が割り当てられるため、CSS の div#header や div#myList などを参照できるようになります。