/

Tumblrテーマでifとelseを使う

Tumblrテーマでifとelseが使えた。

やりたいこと

• このブログの今のテーマでサイト全体を囲うボーダーを表示/非表示したい
• Tumblrのテーマカスタマイズ画面から簡単に切り替えられるようにする

普通にifだけ書く

設定を追加する

まずhead内にmetaタグ追記する。

  <meta name="if:Show Border" content="1">

nameがテーマカスタマイズ画面で表示される名前。contentは初期値。0か1を入れる。0がfalseで1がtrueということ。

テーマカスタマイズ画面に設定増える

こんな感じになる。

if使う

{block:IfShowBorder}

{/block:IfShowBorder}

テンプレートタグの使い方はこう。if:Show Borderがコロンも半角スペースも全部なくなってIfShowBorderになる。

でも上記だと問題が発生する。テーマカスタマイズ画面で「Show Border」をオフにした場合、``が丸ごと無くなる。ヤバい。
こういう時、else使ってshowborderクラスを外したいところだけど、Tumblrのテンプレートタグでelseどうやって使うのか分からなかった。

ググった

やり方ありました。

If/Else Block - Google グループ

else使う

{block:IfShowBorder}

{/block:IfShowBorder}
{block:IfNotShowBorder}

{/block:IfNotShowBorder}

ifNotという感じで書くらしい。これで問題なくテーマカスタマイズ画面でのオン/オフでタグの出し分けができた。

余談

テーマちょっといじった。あんまり変わってませんが。上記のようにボーダーの表示/非表示、テキスト/リンク/背景/ボーダーの色を変えられるようにした。あとは本文の英数字にTeX Gyre Adventorってフォント使ってたけど、それをやめて代わりにOpen Sansにした。
相変わらずGitHub上にテーマファイル置いて管理するの、めっちゃ難しいと感じる。うまいやり方あるんでしょうか。

1. kichisaburo3 reblogged this from brdr-mmrndm and added:

   Original Posted on March 2014

2. lisverb liked this
3. masashin liked this
4. brdr-mmrndm posted this