ブログ検索のフォームに、絞り込み機能をつける
2013.10.23
こんにちは、tobeです。
SOY CMS 1.6.1がリリースされました。
本日は、このブログの右サイドにある検索フォームのパワーアップ方法についてお伝え致します。
●1. 検索フォーム、ありるいはスクリプトモジュール
以前のフォームは記事タイトル/本文を半角空白区切り全文検索していました。スクリプトモジュールの導入方法か、過去ログをご参照ください。
- スクリプトモジュールブロックについて1
- スクリプトモジュールブロックについて2
- スクリプトモジュールブロックについて3
●2. 絞り込み条件として使うカスタム項目
これをSOY CMS関連か、もしくはSOY Shop関連かと絞り込みが出来るようになりました。
今回の絞り込みでは、SOY CMS1.6.0から同梱されているカスタムフィールドアドバンスドを使っています。
カスタムフィールドアドバンスドで、カスタム項目の設定を行います。
つづいてブログの記事ごとに、SOY CMSの記事か、SOY Shopの記事かのカスタム項目を選択。
こちらの以前の検索フォーム(画像右下赤枠)は、テキストボックスのみ。
↓
この検索フォームにラジオボタンをつけます。現在の検索フォームとなります。
検索フォームの変更HTMLはこちら。ラジオのnameとvalue、checked 部分。
●4. 検索スクリプトの中身
スクリプトモジュールで指定するPHPスクリプトは、こちらになります。
いかがでしたでしょうか。
カスタムフィールドアドバンスドと、スクリプトモジュールを組み合わせると、簡単に検索の絞り込みが可能となります。