

自サイトの記事内に配置した商品を値段順や商品発売日順などにする、フィルターボックスを作りたいと思っています。以下の画像はFANZAからスクリーンショットしたものですが、丁度こんな具合のソートのボックスを作りたいと思っているのです。

[![画像の説明をここに入力](https://i.stack.imgur.com/hNIel.png)](https://i.stack.imgur.com/hNIel.png)

このような動的な仕組みを作るには、どのような知識が必要とされるのでしょうか？  
つまりは、CSSやPHP、JSなどを応用すれば実現できるのか。また、その場合においてどのようなコードを書けばいいのか等、私は経験が浅いために課題を前に進めることが出来ていません（サイト制作はWPを使っています）

フィルターボックスの作成経験がある方や、その問題に取り組んだ事がある方がいれば、どんな技術が必要になり、どのように仕組みを実現させたか、また出来なかったかを教えていただくとありがたいです。

自サイトの現在の商品陳列はこのようになっています。

[![画像の説明をここに入力](https://i.stack.imgur.com/7qrON.jpg)](https://i.stack.imgur.com/7qrON.jpg)


CC BY-SA 4.0
2021-08-09T05:55:41.277
80683
2021-08-10T05:53:29.260
2021-08-10T04:13:18.560
3060
47636
question
css
ブログサイトの記事内の商品群を並べ替えできるソートボックスを設置したい


まず「フィルターボックス」や「ソートボックス」という表現は一般的ではありません。  
(Google 等で検索しても物理的な "箱" が出てくるだけです)

* * *

単にパーツとしてのフィルタ (プルダウンメニュー) 項目を表示させるだけなら HTML だけでも実現可能ですが、実際に商品を任意のソート順に表示するには
**PHP** やデータベース接続の知識が必要になってくると思います。

コメント欄でも指摘がある通り、あらかじめデータベース等にソートをかけたいデータが揃っていれば、どのプログラミング言語でもソート自体は比較的簡単に実現可能なはずです。


CC BY-SA 4.0
2021-08-10T05:53:29.260
80701
2021-08-10T05:53:29.260
3060
80683
answer