KSMT::HR/HM blog: PC/Internet アーカイブ

ksmt.jp > KSMT::HR/HM blog > PC/Internet

2005年1月20日

サイドバーに折りたたみメニューを追加

色々なBlogを見て回ると、サイドバーが折りたためるような仕組みになっているので、自分のBlogでも採用してみました。当初は「追記部分の表示/非表示の変更」の仕組みを使ってみようと色々試してみましたが上手くいかず、JavaScriptの知識がないので対応のしようがなく、断念しようと思っていました。しかし、↓のサイトにて、折りたたみメニューの虎の巻がありました！簡単に導入することができて、なおかつ色々なことができます。

小粋空間: サイドメニュー折りたたみスクリプト（cookie等改善版）
サイドメニュー折りたたみスクリプト

丁寧でわかりやすく説明しているので、このエントリを読むだけで簡単にできます。すごいです。

2005年1月19日

エントリ一覧のプルダウンメニュー追加

メイン、カテゴリ、月別アーカイブの一番上に、各アーカイブでのエントリ一覧を表示するプルダウンメニューを追加しました。カテゴリや月別アーカイブはその選んだカテゴリや月のエントリ一覧、メインは全エントリ一覧がプルダウンメニューとして表示されます。

基本的には、以前エントリにてアップした「プルダウンメニュー化」を使っているだけなのですが、苦労したところは↓です。また、ページ分割の表示も変更しました。

★全記事一覧が表示されず、何度やっても5つまでのエントリとなった。これは、MTEntriesにlasten="10"とすれば、なぜか全記事表示することができました。かなりなぞですが、結果OKとしておきます。(^^;;;)

★カテゴリ、月別アーカイブにて、MTArchiveListのコンテナタグでくくってプルダウンメニューを表示させようとしましたが、どちらもアーカイブファイルなので、改めてMTArchiveListのコンテナタグでくくる必要はありませんでした。う～ん、これも実はよくわかっていない。(^^;;;)

これはdrk7.jpのBlogを参考に作らせていただきました。

Recent関連の一覧変更

メインのサイドバーにある「Recent Comment」「Recent Trackback」と、カテゴリー別、月別、個別アーカイブにある「Recent Entry」の表示ですが、改行があると先頭からになって、すごく嫌だったので、下記の方法に変更しました。当初はULとILタグを使ったリストで表示していましたが、無駄に空間ができてさらに見づらくなったので、さらに↓の方法に見直しました。

リストにしたい部分をCLASSで指定します。(ここでは、recent_comment_entryとします。)
recent_comment_entryをCSSにて下記にて定義します。
ポイントは、リストマークをbackground-imageで指定して(no-repeatも忘れずに指定)、このimageの大きさをpadding-leftでずらして文章が始まるように指定します。