
月別アーカイブの項目をセレクトボックスで表示させる
前回記事「カテゴリやタクソノミーの項目をセレクトボックスで表示させる」ではカテゴリや分類などのアーカイブ項目をリストではなくセレクトボックスで実装する方法をまとめていきましたが、今回は同じような感じで月別アーカイブもセレクトボックスで実装していきたいと思います。
ちょうど当ウェブサイトもリニューアルするにあたり、こちらを採用することになり今後クライアントワークでも使えそうなので、備忘録としても残しておこうと思いました。早速コードを見ていきます。
<select name="form-select-dropdown-arc" onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value=""><?php echo esc_attr(__('Select Month')); ?></option>
<?php wp_get_archives( 'show_post_count=1&type=monthly&format=option&post_type=[POST TYPE]' ); ?>
</select>
wp_get_archives関数がそのまま使えるので、様々なオプションが指定しやすいのはありがたいですね。特に月別アーカイブは投稿数に応じてどんどん増えていきやすいのが問題です。セレクトボックスを採用することでその問題もクリアになりますね。もちろんカスタム投稿タイプの月別アーカイブも指定してあげることで表示が可能になります。
(参考)
WordPressで月別アーカイブのリンクをプルダウン式にするcategories
- WordPress(61)
- JavaScript(49)
- Vue.js(48)
- CSS(46)
- jQuery(34)
- Nuxt.js(22)
- Sass(21)
- Gulp(17)
- webpack(16)
- PHP(14)
- HTML(14)
- GSAP(11)
- React(10)
- Vite(9)
- Pug(9)
- Laravel(8)
- Cordova(8)
- Linux(7)
- Next.js(6)
- Apache(5)
- Shopify(4)
- REST API(4)
- Node.js(4)
- Smarty(3)
- Git(3)
- JSON(3)
- その他プログラミング(3)
- Google Apps API(3)
- Bootstrap(3)
- 環境構築・システム(3)
- TypeScript(2)
- EJS(2)
- RMS(2)
- Docker(2)
- Instagram API(2)
- Excel VBA(2)
- SVG(1)
- Dart(1)
- ECカートASP(1)
- Markdown(1)
- AMP(1)
- Nginx(1)
- XML(1)
- shellscript(1)
- Ruby(1)
- MySQL(1)