ブログトップ

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

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



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