レイアウトの変更をしました。
なんと!
戦う事およそ10時間(おバカ)
仕事並みに労働力を使ってしまいました。。。
楽しかったしいいけどね。
で、変更点。
1:サイドメニューの"過去ログ"のツリー化
参考にしたのは
小粋空間さんのblog
この変更でまずはツリー化を行い
次に
年→月のツリー化
年の折りたたみ
年→月→日のツリー化
月の折りたたみ
とやっていくつもりだったのですが。。。
seesaaではarchivesを年→月のように
親子ツリー化するのはどうやら
キビしいようで
悪戦苦闘の末に断念しました。
どなたか素敵な方法をご存知の方がいらっしゃったら
教えていただけますか?
上記のツリー化がバッチリ上手くいったら
"カレンダー"を取っ払うつもりだったのですが
結局
"過去ログ"はツリー化しただけで
中身は変わらずでしたので
"カレンダー"は無くせない
という事態になりました。
そこで
次にやったのが
2:"カレンダー"を横型に変更する。
seesaaブログカスタマイズ(シーサーblog)さんの記事を参考にさせてもらいました。
そのままではCSSが上手く効かなかったので
HTMLの
<% content.header -%>
<div id="cal">
<% if:previous_archive %><a href="<% previous_archive.page_url %>"><<</a><% else %> <% /if %><% date_format(now,content_calendar.datetime) %>
<% loop:list_calendar -%><% loop:list_data_month -%><% loop:list_data_week -%><% if:data.day %><% if:article -%> <a href="<% article.page_url %>"><% article.createstamp | date_format("%e") %></a><% else -%> <% data.day %><% /if %><% else %><% content_calendar.spc_text %><% /if %><% /loop %><% /loop -%><% /loop -%><% if:next_archive %><a href="<% next_archive.page_url %>">>></a><% else %> <% /if %> </div>
<% content.footer -%>
を"class"に変更し
CSSを
.cal
に変えて、ついでに色々とCSS上で変更。
晴れて邪魔な"カレンダー"がスッキリしました。
3:サイドメニュー"最近の記事"の日付を後ろにしました。
実は他にも変更点がありまして
ほぼ完成しているのですが
反映はもう少し後になります。
反映させたら詳しい記事を書こうと思います。

