040629はてなシステム改定案

040629はてなシステム改定案

はてなダイアリーはてなグループにおいて、より柔軟なレイアウト・デザインを可能とするため、システムの改定を行う

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>

簡易デザイン設定システム

設定画面からボタンを押すだけで、サイドバー付のデザインを簡単に実現できるシステム

  • 設定画面を、「簡易設定」「詳細設定」に分ける
  • 「簡易設定画面」から、「かんたんデザイン設定ページ」へのリンクを貼る
  • 「かんたんデザイン設定ページ」で各項目を選択
    • お勧めデザインのテーマサムネイル一覧
    • サイドバーに入れたいモジュールをチェックボックスで選択
    • 変更ボタンを押すと、テーマだけでなく、詳細設定ページにある「ヘッダ」「フッタ」の内容も自動的に変更
  • 再度かんたんデザインページを開いても、現在のデザインの設定状態が画面に反映されるわけではない→技術的に無理