月別アーカイブをコンパクトに表示する方法【ありのごとくあつまりて】

FC2ブログカスタマイズ，共有テンプレート，素材リンク集，フリーソフトの紹介など。迷子にならないブログ作りを目指し．．．何か1つでもお役に立てる情報を提供できたらいいなぁと思っています。

この記事に含まれるタグ（Keyword） :
FC2ブログ月別アーカイブ折りたたみ javascript

月別アーカイブをコンパクトに表示する方法

2009/11/10 (火) カテゴリー：ブログカスタマイズ上級

ブログを続けていると、どんどん増えてくるもの。繰り返しの「変数」を使って表示している月別アーカイブのリストやユーザータグリスト，リンクリストなど。　

それらを、コンパクトに表示する方法は探せばいくつもあるようですが．．．今回は、私のテンプレートの上部ナビゲーション部分でも使える方法として、4つの方法 を紹介します。ソースは FC2ブログ共有テンプレートari_seoシリーズ用をベースにしていますが、3つの方法は、それ以外の場合にも使えるものです。

まずは、実際に サンプルページ をご覧ください。（ソースも載せてます）

1.　スクロールバーを使ったアーカイブリスト

「設定した縦幅を超えたら、スクロールバーを表示する」という単純なもので、スタイルをちょこっと追加しただけの単純なものです。当然スクリプトも使用していないので、もっともシンプルで手軽に設定できます。

2.　手書き展開型アーカイブリスト

これもスクリプト未使用です。というか直接ソースを書いただけのもの。全て自動で処理したい方には少し面倒に感じるかも知れませんが、月別アーカイブなら月に1度書き直すだけでOKなんです。 2009年 » 2008年 » となっている部分もリンクになっています。また、手書きなので、時系列は新しい順，古い順どちらでも設定できます。

3.　自動折りたたみアーカイブリスト

Harukiya Archives　（解説ページ → 外部スクリプト：リスト要素の省略表示と展開）
↑ 残念ながら、サイトは閉鎖状態のようですが．．．（閲覧は可能）

これ！ちょっと凄くないですか！！単純なリスト形式のものなら、個々に設定した件数分だけ初めに表示できます。ベースになる javascript もシンプルなもので、1つで共有できます。また、スクリプトOFFの場合には通常の表示になる親切設計です。

リスト形式なら何でも折りたためるので、月別アーカイブだけでなくユーザータグリスト，リンクリスト，最近のコメント一覧，新着記事一覧，カテゴリーリストなどにも適応できます。長くなりすぎて困る場合だけでなく、敢えて表示件数を増やして、最初はそれの一部を表示するなんてことまで出来るので面白いかも。。。

4.　手書き折りたたみアーカイブリスト

これもかなりコンパクト！ FC2ブログの共有プラグインとしても登録されている
「プラグインの折りたたみ」 FC2ブログのテンプレート工房（作者: いたおさん）を使わせていただき、ナビゲーションメニュー用にアレンジ、スクリプトOFF環境などにも対応させたものです。これもベースになる javascript は1つでOKで、サンプルページの ↓ ソースを表示 ↓ 部分やこのテンプレートの右サイドバーにある List OPEN » 部分はこのスクリプトを使っています。かなり使えて便利です！

'); document.write(''); //-->

プラグイン紹介 : コンパクトアーカイブ関連

ごく一部ですが、使いやすそうな FC2ブログの共有プラグインを紹介します。プラグイン名をクリックすると、このページのサイドバー（右上）に一時的に表示できます。

HS月別アーカイブ　作者: veefour さん
このサイトの月別の記事ページとサイトマップで実際に使っているものです。
プラグインに少し手を加えて「その月」や「今月」が目立つようにしています。
[ カレンダー代用ナビ付月別アーカイブ ]
月別アーカイブ　作者: anderson11 さん
シンプルアーカイブ　作者: 45degrees さん

ちなみに... このサイトのトップページで使っているものはただの手書きです。

[ 関連記事：カレンダー代用ナビ付月別アーカイブ ]
[ 関連記事：カテゴリーリストに「現在地表示機能」を ]

月別アーカイブをコンパクトに表示する方法【ありのごとくあつまりて】