WEB/システム/IT技術ブログ

WordPressで月別アーカイブのリンクをプルダウン式にする

このブログでは月別アーカイブを用意し、サイドメニューにリンクを設置してしました。
書き続けること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の選択支に月間アーカイブのリンクを出力しています。

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

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

B!

Comment

コメントはありません

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Monthly Archives