WordPressでタームごとに投稿一覧を表示して各一覧に「もっと見る」ボタンをつける

WordPressでこんなページを作りました。

例えば、areaというタクソノミーのタームに「東京都」「千葉県」「神奈川県」があって、それぞれに紐付いている投稿の一覧を表示させます。

表示させる記事はそれぞれ3件で、各一覧に「もっと見る」ボタンを付けて、ボタンを押すと6件ずつさらに表示されます。

フッターwp_footer();部分にjQueryが読み込まれてるので、その下にJavaScriptを書きます。

直接書いても、別ファイルにして読み込ませてもOK。

こちらの投稿を参考にさせていただきました。

【jQuery】「もっと見る」ボタンの実装

上記サイトから変更した点は、閉じるボタンは設置しなかったのと、1ページ内に「もっと見る」ボタンを複数設置する必要があったので一部書き換えました。

もっと見るボタンの表示非表示がうまくいかなかったので、むりやりループの中でカウントしてphpで表示非表示をコントロールするという、、

参考にしていただけることがあればうれしいです^^

コメントを残す

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

CAPTCHA


top