このページのPV(2024年2月から計測)

あなたのお気に入り記事

  • お気に入りは空です
FavoriteLoadingお気に入りを全て消す

お気に入りリストが保存されました

タグを使ったAND検索、OR検索が実は出来るWordPress

その他ブログ作成ネタ,雑談

FavoriteLoadingこの記事をお気に入りに追加する

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検索とラジオボタンによる選択で動作するはずです。

更に改良して、評価の☆+-対応、発売年対応、属性対応しました。もう増やすことはないと思います。

これでエロゲー記事がまた検索しやすくなりました。

2023年8月14日 20:00その他ブログ作成ネタ,雑談