- お気に入りは空です
お気に入りリストが保存されました
タグを使ったAND検索、OR検索が実は出来るWordPress
WordPressにはタグが用意されてます。というかこれはどのブログサービスでもまず用意されてるものですね。
例えば、「エロゲー」というタグを付ければ、 このリンク先 のようにタグを付けたものをずらっと検索して表示できます。
で、ここからが本題なのですが、なんとこのタグ、AND検索やOR検索が出来ちゃいます。
AND検索は〇〇かつ△△、みたいに複数の条件に当てはまる時、OR検索は〇〇もしくは△△、みたいにいずれかの条件に当てはまる時、というやつです。
知ったのは、こちらの WordPress │ 複数タグによるAND検索というか絞り込み | 盛れてません。 がきっかけですが、OR検索も気になって調べたこちらの WordPressのURLで複数タグをANDやOR検索する方法 | Minory も参考にさせていただきました。
結論から言うと、AND検索は通常のタグに+(プラス)で複数指定して、OR検索は通常のタグに,(コンマ)で複数指定すればOKです。
これを利用すると、例えばエロゲー☆4で4千円前後がいいなら エロゲー☆4+エロゲー価格4k になりますし、エロゲー☆4と☆5を見たいなら エロゲー☆4,エロゲー☆5 となります。
これを利用すると、けっこう便利で面白いものが作れそうですね。
例えば価格と評価でチェックボックス形式にして、検索すると条件にあったエロゲーが出てくる、とか。
というわけで実装してみました
まず評価と価格をそれぞれ1つずつのみ選ぶので、ラジオボタンにしました。入力必須なのでcheckedもつけました。
同じことをやりたくて検索したりしたのですが、部分的には出てきても、そのものズバリの内容は出てきませんでしたので、イコールまだネット上にサンプルが載ってない内容、ということなので紹介します。
エロゲーブログとしては異質ですが、そういう事情があるので、通常エロ以外はnoindexにしてるのですが、この記事はindexにしておきます。
サンプルコードです。
<center><span style="font-size:large;">評価と価格でエロゲー検索</span></center>
<script>window.addEventListener('formdata’, (e)=>{ const fd=e.formData; const list=[“hyoka","kakaku"]; list.forEach(x=>{ const data=fd.getAll(x); fd.delete(x); if(data.length) fd.append(x,data.join(' ')); });});</script>
<form method="get">
<label><input type="radio" name="hyoka" value="エロゲー☆?">☆?</label>
<label><input type="radio" name="hyoka" value="エロゲー☆1">☆1</label>
<label><input type="radio" name="hyoka" value="エロゲー☆2">☆2</label>
<label><input type="radio" name="hyoka" value="エロゲー☆3">☆3</label>
<label><input type="radio" name="hyoka" value="エロゲー☆4">☆4</label>
<label><input type="radio" name="hyoka" value="エロゲー☆5" checked="checked">☆5</label><br>
<label><input type="radio" name="kakaku" value="エロゲー価格0k">0円~499円</label>
<label><input type="radio" name="kakaku" value="エロゲー価格1k">500~1499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格2k">1500~2499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格3k">2500~3499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格4k">3500~4499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格5k">4500~5499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格6k">5500~6499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格7k">6500~7499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格8k" checked="checked">7500~8499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格9k">8500~9499</label>
<label><input type="radio" name="kakaku" value="エロゲー価格10k">9500円以上</label> <br>
<center><input type="button" onclick="top.location.href=’https://erogame.mhx.jp/archives/tag/’+hyoka.value+’+’+kakaku.value" value="この条件でエロゲー検索"></center>
</form>
エロゲエム:ウィジェットエリアより 2023年8月13日データ
これは何をやってるかというと、評価(hyoka)と価格(kakaku)の選択をラジオボタンで行い、WordPressのタグURL加工をして表示する、ということをやってます。
もちろん使用する場合は、それぞれのブログのタグの名称やURLに合わせて変えてやれば、複数タグのAND検索とラジオボタンによる選択で動作するはずです。
更に改良して、評価の☆+-対応、発売年対応、属性対応しました。もう増やすことはないと思います。
これでエロゲー記事がまた検索しやすくなりました。
ディスカッション
コメント一覧
まだ、コメントがありません