4週間前に投稿

WordPress 最近の投稿をドロップダウンメニュー表示する

この記事は約 3 分で読めます。

4.5

最近の投稿 20 件を
ドロップダウンボックス
(ドロップダウンメニュー)
表示してみます。

ヒント
wp get archives にありました。

パラメータ

以下は投稿リストのパラメーターです。
その他 (アーカイブリスト) の
パラメーターに関しては、
WordPress Codex を参照してください。

type  (文字列) 表示する投稿リストの種類。
初期値は月別アーカイブ。

  • postbypost (投稿を公開日時の順に)
  • alpha (投稿をタイトルのアルファベット順に)
  • monthly初期値 月別アーカイブ)

limit  (整数) 取得する投稿数。
初期値は制限なし。

format  (文字列) 投稿リストの形式。

  • option – セレクトボックスまたはドロップダウンメニュー用の
    セレクトタグ(<select>)内で使用するために、
    前後に beforeafter の文字列を付けて
    オプションタグ(<option>)で囲む
  • html初期値) – 前後に beforeafter の文字列を付け、
    HTML のリストタグ(<li>)で囲む。

ソースコード

<select class="select-css" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
  <option value="">
  <?php echo esc_attr( __( 'Select Post' ) ); ?></option> 
  <?php wp_get_archives( array( 'type' => 'postbypost', 'format' => 'option', 'limit' => 20 ) ); ?>
</select>

結果

select-cssで装飾

select要素をselect-cssにて
装飾しています。
select-cssは、
デスクトップ・スマホの各ブラウザ
一貫して美しく見せるスタイルシートを適用します。
詳細は以下を参照の事。

貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました
WordPress 最近の投稿をドロップダウンメニュー表示する