Bloggerテーマの基礎知識 - <b:tag>要素について知ろう

Bloggerではテーマの中でのみ使える固有の要素タグがあります。
この固有の要素タグはブログが表示される時に様々な制御が行われて最終的なHTMLが作り上げられていきます。

ここではブログを構成するデータを扱う<b:tag>要素について解説します。

<b:tag>要素とは

<b:tag>要素は、条件を満たす時のみHTMLタグを作成する為の要素です。

例えば、トップページの時のみ<div>要素を作成するといったことが可能になります。

<b:tag>要素の属性

cond

class属性を付与する時の条件を指定します。
条件が一致する場合のみ タグが追加されます。

条件の書き方の参考：ページの種類を判断しよう

条件分岐を使いこなそう

name

条件が一致した時に追加されるタグ名を指定します。

<b:tab>要素の利用例

テーマ内の記述例

 テンプレートにて以下のように<b:tag>要素を記述したとしましょう。

<b:tag cond='data:view.isHomepage' name='div'>
  <br />
</b:tag>

生成されるHTMLの例

トップページの時にだけ<div>が作成されます。
既に別のclass属性が指定されていた場合には追加で属性が付与されます。

トップページの時

<div>
  <br />
</div>

トップページ以外の時

<br />