[WordPress] 投稿一覧をボタンクリックでランダムに並び替える方法


[WordPress] 投稿一覧をボタンクリックでランダムに並び替える方法


[WordPress] 記事一覧をボタンクリックでランダムに並び替える方法

ブログ形式のサイトだとあまりないのかもしれませんが、ECサイトやギャラリーサイトでは投稿一覧の並び替えができると便利だと思います。

サイト閲覧者が「ランダムに並び替える」ボタンをクリックすると、投稿一覧がソートされる方法をまとめました。

スポンサーリンク

ボタンクリックで投稿一覧をランダムにソートする

イメージはこんな感じです。
図:ランダムにソートするボタン
実装はこちらのフォーラムの内容を参考にさせて頂きました。
指定条件による記事一覧の並び替えボタンの実装
殆どこのままなのですが、私はランダムにソートしたいだけなので、このように書き換えました。

ヘッダーのボタンを配置する場所に直接書き込んでます。4行目のclass=”random”でボタンのスタイルを指定。背景画像を指定してボタン表示する形としました。
参考までにCSS。

フォーラムはたまに覗きますが、詳しい方々のご回答には本当に感謝です!



Be the first to comment

Leave a Reply

Your email address will not be published.


*


CAPTCHA