CMS構築を目的にPHPをベースとしたWordPress、CakePHPやPEARなどオープンソースを中心に解説しています

このブログでは月別アーカイブを用意し、サイドメニューにリンクを設置してしました。
書き続けること3年、つまり12ヶ月の3倍で36つのリンクがずらっとリスト化されていたわけです。今後の運用も考えると、確実に増えていくリンクは見栄えやユーザビリティ的に良くないと思ったので、どうにか整理したいと調べていました。

すると、簡単に見つかりました。公式ドキュメントのほうで、アーカイブリンクをドロップダウンボックスで構築するといった方法です。
テンプレートタグ/wp get archives – WordPress Codex 日本語版

抜粋しますと、以下の通りです。

<select name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'> 
  <option value=""><?php echo attribute_escape(__('Select Month')); ?></option> 
  <?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?>
</select>

プルダウンのonChangeでJSに組み込むことで、選択時にそのページにジャンプするような仕様です。後は、selectの選択支に月間アーカイブのリンクを出力しています。

設置結果は、このブログのサイドバー下部にあるとおりです。

簡単ですね。これを流用すれば、ユーザアーカイブ、カテゴリや最新の記事といったリンクもすっきり収めることができそうですね。

このエントリーをはてなブックマークに追加

Comment

Monthly Archives

Search