bulkitem Diary

tDiaryカスタムテンプレートで生成されるテーマがサイドバーに対応しました

個人的にサイドバーが無い方が読みやすいなと考えている事と、簡単にテーマが作成できるという事を優先してtDiaryカスタムテンプレートを作った為、サイドバーに対応していなかった訳ですが、tdiary.orgで紹介された際もサイドバーに対応していないと言われてしまったし、結局はサイドバーに対応していればサイドバーを使う事も使わない事も選べるという結論に達しサイドバー対応してみました。

というわけで、今後tDiaryカスタムテンプレートで作成されるテーマは標準でサイドバー対応になりました。この日記がサイドバー（最新や長年表示の時だけだけど）を使っているので、サンプルになると思います。

使い方はtDiaryカスタムテンプレートで作成したテーマをインストールし、tDiaryの設定画面から[基本]→[ヘッダ・フッタ]を以下の様に編集します。

ヘッダ

<div id="adjuster"><div class="main">

フッタ

</div></div>
<div class="sub">
サイドバーの中身
</div>

注意点は、cssのfloatを使っているので、サイドバーの後にも何か置きたい場合は、以下の用に、回り込みを解除するスタイルを記述する必要があります。

<div style="clear: both;">置きたい物</div>

ちなみに、この日記の様に日毎表示の場合はサイドバーを表示しない設定は以下の様になります。

ヘッダ

<% if @mode != 'day' %>
<div id="adjuster"><div class="main">
<% end %>

フッタ

<% if @mode != 'day' %>
</div></div>
<div class="sub">
 サイドバーの中身
</div>
<% end %>

if文で場合分けしてるだけですね。

サイドバー対応以外にもバグ修正等を行いました。

Tags: web tdiary | Bookmark: