ブログ検索のフォームに、絞り込み機能をつける

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スクリプトは、こちらになります。



いかがでしたでしょうか。
カスタムフィールドアドバンスドと、スクリプトモジュールを組み合わせると、簡単に検索の絞り込みが可能となります。


name :
URL :
Comment :
コメントの投稿はできません

トラックバック -