月別アーカイブの表示

wordpressのサイトのサイドバーに表示していた
『月別アーカイブ』の表示。

一ヶ月に一行づつ表示がふえていくわけですが、
サイトが公開されてから、そろそろ一年経つので、
だいぶ幅を取るようになってきました。

サイドバーがあまり長くなると、固定ページのエントリーとのバランスも悪くなるので、
『月別アーカイブ』の表示を、ドロップダウンボックスで表示するように変更しました。

phpファイルはこんな感じ。

<li><h2>月別アーカイブ</h2>
<select onChange="location=this.options
[this.selectedIndex].value">
<option>年月毎に記事を見る</option>
<?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?>
</select>
</li>

"php wp_get_archives"のあとに、月別、optionで出力の指定、投稿数を表示の設定をしています。

cssはこんな感じ。

/*-----------   option     -------------*/

#sidebar select { padding-left:10px; width:200px; }
#sidebar option { padding-left:10px; }

IE7では、paddingは反映されません。

firefoxでのボックスの表示はこんな感じ。

ドロップダウンして、開いたところは、こんな感じ。

アクセス解析をみると、月別アーカイブはあまり見られていないようだったので、
ボックス内に収納しても、問題なさそうに感じます。