Text: Tumblr で使えるタグ - 導入 2010-01-20

Introduction

Dashboard で Customize をクリックして Theme タブを選択し、Use custom HTML ボタンをクリックすると tumblelog のテーマを自由に編集できるようになる。


この CustomHTML に {…} や {block:…}…{/block:…} 形式の要素を仕込むことで、それらが別の要素に置換される。
例えば <head><title>{Title}</title></head> と書けば、{Title} がページ作成者の設定したページタイトルに置換される。

マークアップに用いる {…} 形式の要素を「変数」、{block:…}…{/block:…} 形式の要素を「ブロック」と呼ぶ。また、ブロック要素に囲まれた部分を「内容」と呼ぶ。

例：

<html>
    <head>
        <title>{Title}</title>
    </head>
    <body>
        ...
    </body>
</html>

<html>
    <body>
        <ol id="posts">
            {block:Posts}
                <li> ... </li>
            {/block:Posts}
        </ol>
    </body>
</html>
  • テーマの完全なマークアップは help - Create a custom HTML theme for your blog の Here’s an example of the complete markup for a theme: 以下を見ること。そこにない要素はなくても構わない（多分）。
  • URL safe とか HTML safe というのは、それぞれで使えない文字（URL だと”/”とか）を無視したり別の文字に置き換えたりしたもののこと。例えばこの記事だと、記事名の「Tumblr で使えるタグ - 導入 2010-01-20」が、日本語が無視された「tumblr-2010-01-20」となってパーマリンクの最後に付加されている。半角スペースはダッシュ（-）に置き換えられ、ダッシュが連続すると一つにまとめられる。
posted at 20100120 19:00 | Permalink