2013年5月15日水曜日

[Blogger]テンプレートの HTML の編集を行う

テンプレートのHTMLの編集をする、初心者向け操作方法と概要です。
私のまとめなのであまり期待しないでくださいね。

テンプレートのバックアップ

Blogger の管理画面で[テンプレート]を選択し、「バックアップ/復元」からテンプレートのバックアップをします。

HTML の編集

同じ画面から「HTML の編集」を選択します。

HTML 画面が表示されました。

いろんなタグが使われて記載されています。
<b:skin> や <b:widget> などいくつかのタグは折りたたまれていて、▸記号で展開するようになっています。

<b:skin>・・・<b:skin>
レイアウト用のフォント タグやカラー タグ。
コードの<head>セクションで定義します。
Google のヘルプ → http://support.google.com/blogger/bin/answer.py?hl=ja&answer=46871

<b:if>・・・</b:if>
条件分岐。

<b:if cond='condition'>
    [content to display if condition is true]
<b:else/>
    [content to display if condition is false]
</b:if>

Google のヘルプ → http://support.google.com/blogger/bin/answer.py?hl=en&answer=46995

Layouts Data Tags
テンプレート中で利用できる「データを参照するためのタグ」はたくさん用意されています。
現在のページを表す "url" や ブログのタイトル "pageTitle" はコード中どこでも使うことができるようになっています。(Globally Available Data)
特定のウィジェット(widget)内でのみ利用可能なタグもあります。例えば Labels Widget ではラベル名 "labels.name" とそのラベルの投稿件数 "labels.count" といったタグがあります。
テンプレート中で利用できるデータ タグの一覧は Google のヘルプにあります。
Google のヘルプ → http://support.google.com/blogger/bin/answer.py?hl=en&answer=47270

これらを使って各パーツのフォントサイズやレイアウトを変更したり、ウィジェットのチューニングをして自己紹介の文章を変えてみたり、フッターの著作権表示の編集をしたりすることができます。


Blogger Tips のページに戻る



0 件のコメント:

コメントを投稿