■ div.hatena_bodyの出力
ユーザーが入力するヘッダ、フッタの前後全体を、div.hatena-bodyで囲む。
これにより、ヘッダの表示、非表示に関係なく、サイドバーを正しく表示する。
■ moduleの出力
モジュール部分の装飾のため、モジュールの出力を変更する必要がある。
template="hatena-module"の際に、以下のフォーマットで出力。(template="list"のときは、hatena-moduleと解釈)
<div class="hatena-module">
<h4 class="hatena-module">jkondoのアンテナ</h4>
<div class="hatena-modulebody">
<ul class="hatena-antenna">
<li>jkondoの日記</li>
</ul>
</div>
</div>
設定画面からボタンを押すだけで、サイドバー付のデザインを簡単に実現できるシステム。
- 設定画面を、「簡易設定」「詳細設定」に分ける
- 「簡易設定画面」から、「かんたんデザイン設定ページ」へのリンクを貼る
- 「かんたんデザイン設定ページ」で各項目を選択
- お勧めデザインのテーマサムネイル一覧
- サイドバーに入れたいモジュールをチェックボックスで選択
- 変更ボタンを押すと、テーマだけでなく、詳細設定ページにある「ヘッダ」「フッタ」の内容も自動的に変更
- 再度かんたんデザインページを開いても、現在のデザインの設定状態が画面に反映されるわけではない→技術的に無理