簡単！絞り込みメーカー
＜概要＞
・シリウスサイトで簡単に絞り込み検索をいれることができます。
・絞り込み検索後、[下に表示されるタイプ]と[特定URLにジャンプ]する２タイプが作成可能です。
・絞り込みフォームには[セレクトボックス][チェックボタン][ラジオボタン][送信ボタン]を追加することができます。
・項目のソート機能は今後、実装します。（現在開発中）
＜ダウンロード＞
ここからダウンロード NEW!! (2018/10/21)
PASSはPaypal決済後、連絡いたします。
＜ご購入はこちら＞
１万円買い切り
サンプルサイト パターンＡ
http://www.kenkidama.net/entry736.html
サンプルサイト パターンＢ
http://www.kenkidama.net/entry735.html
準備～シリウスでPHPを動かすには～
本ツールの絞り込み検索はPHP上で動作するのですが、通常のシリウスの設定ではＰＨＰは動かないため、いろいろイジってPHPを動かす必要があります。
下記を参考してHTMLファイル上でＰＨＰを動かしてみてください。
文字コードはUTF-8
、
シリウス-[サイトオプション] - [全体設定] の文字コードは [UTF-8] としてください。
HTMLテンプレート修正
、
シリウスの[編集]-[HTMLテンプレート]で、４行目の”＜% XMLdeclaration %＞”を削除します。
※トップページ用、カテゴリー用、エントリー用、iPhoneサイト用の３つ、の合計６か所修正。
.htaccess設定修正
シリウスの[ホーム]-[サイトオプション]-[.htaccess設定]に、下記のコードを追加
AddHandler php5.6-script .php
AddHandler php4-script .html
AddHandler php5-script .html
php_flag short_open_tag off
※上記は、hetemlサーバの例です。他のサーバやPHPのバージョンにより書式が異なる場合があります。
「html内でPHPを動かす」などでgoogleさんに聞いてみてください。
本文にＰＨＰコードを入力
＜?PHP
echo("Hello, world!!");
?＞
※ [＜] [＞]は半角で。
※改行なしを選択
※全角スペースとかはエラーになるので注意。
サーバにアップして動作確認
シリウスで普通に[サイト作成]->FTPアップロードして、このように表示されれば、準備完了です。
もし動かない場合は...
・サーバと、.htaccessファイルとの相性。-> 違うサーバで試してみる。など。
・ＰＨＰの入力ミス。 -> 入力ミスがないか確認あるのみ！
が考えられます。
これで準備完了
これで、PHP ＋ 絞り込み検索が動作する環境が整いました。あとはツールを使っての簡単操作のみとなります。
もしここまでで、挫折した人は、本ツールは使いこなせないと思います....
パターンＡで作成してみる
概要
入力フォームに入力した各項目内容と、条件が一致した項目のみを[表示]し、一致しないものは[表示しない]とします。
本ツールでは、
①入力フォームHTML
②[条件] + [HTML]をファイル化
を作成していきます。
ツール起動
ツールを起動するとこのような画面になります。
フォーム編集
セレクトボックス
セレクトボックス追加ボタン押下
まずは、セレクトボックスに、
都道府県 北海道、東京、大阪... と追加していきます。
①パターンＡであることを確認
②フォームHTMLに挿入したい位置をクリックして、カーソル位置を決定。
③[セレクトボタン追加]をクリック
セレクトボックス編集画面
① [タイトル]に [都道府県]と入力
② [値の列挙]に、 [北海道] [東京] [大阪] と 一行一項目で入力
③ [HTMLに変換] を押す。
④ html 化していることを確認。（この時、[プレビュー]も可能
⑤ [OK]を押す。
フォームHTMLに反映
①フォームHTMLにセレクトボックスが追加されていることを確認
②条件に、さきほど入力した条件が追加されていることを確認
チェックボックス追加
同様にチェックボックス追加
次に、チェックボックス 部位、 全身、脇、VIO を追加していきます。
①カーソル位置が、さきほどの セレクトボックスの下にあることを確認
②[チェックボックス追加]ボタンを押下
チェックボックス編集画面
①[タイトル]に [部位] と入力
②[値を列挙]に、[全身] [脇] [VIO] と 一行一項目で入力
③ [HTMLに変換] を押す。
④ html 化していることを確認。（この時、[プレビュー]も可能
⑤ [OK]を押す。
ラジオボタン追加
同様にラジオボタン追加
①カーソル位置が、さきほどの チェックボックスの下にあることを確認
②[ラジオボタン追加]ボタンを押下
ラジオボタン編集画面
①タイトルに [職業] と入力
②値を列挙に [学生] [会社員] [主婦] と、 一行一項目で入力
③ [HTMLに変換] を押す。
④ html 化していることを確認。（この時、[プレビュー]も可能
⑤ [OK]を押す。
現在、ラジオボタンは１組しか作成できません。改善していきます。
送信ボタン追加
同様に送信ボタン追加
①カーソル位置が、さきほどの ラジオボタンの下にあることを確認
②[送信ボタン追加]ボタンを押下
送信ボタン編集画面
①タイトルに [検索してみる] と入力
② [HTMLに変換] を押す。
③ html 化していることを確認。（この時、[プレビュー]も可能
④ [OK]を押す。
プレビューボタン
①すべての部品がhtmlに反映していることを確認
②すべての条件が記載されていることを確認
③[プレビュー]を押す。
プレビュー画面
①すべての部品が表示されていることを確認して
②閉じる。
※ツールで使用しているブラウザが PHPに対応していないため、各項目の先頭に [＞] が表示されますが、サーバにアップすると 正常に表示されます。
パターンＡ条件編集
①[パターンＡ編集]を押すと
②さきほどの条件が列挙されていることを確認
③これから編集する番号を確認
HTMLのコピペ
①シリウスのランキング編集機能などにより、店舗情報を作成
②シリウスのプレビュー機能を使って、内容を確認
③内容に問題がなければ、html 部分を絞り込みメーカーの出力[HTML部分]にコピペ
HTMLを出力条件を編集
①初期状態だと、すべての条件で、店舗情報を表示してしまうので.....
①不要な条件を削除していきます。残った条件がこの店舗を表示する条件となります。
例：北海道に店舗がない、-> [北海道]を削除
ファイル保存
ファイル保存ボタン押下
①ファイル出力をおして、ファイルを保存します。
上記の作業を [ファイル番号１] [ファイル番号２] [ファイル番号３] と繰り返していきます。
保存ファイルの確認
① [簡単！絞り込みメーカー] - [ upload_data ] - [ php_data ] に
② [cond_html1.txt ] [cond_heml2.txt] [cond_heml3.txt ] とファイル保存されている。
③ ファイルには、、 ③条件 と④html が記載されている。
シリウスにhtmlデータを入れ込み
フォームのコピペ
①[フォーム]を選択
②シリウスの[記事１]を選択
②[改行なし]であることを確認
③html をシリウスにコピペ
ＰＨＰのコピペ
①シリウスの[記事２]であることを確認
②[改行なし]（重要！）であることを確認
③ [簡単！絞り込みメーカー] - [ upload_data ] フォルダを開く。
④ [ form_cond.php ] をUTF-8形式で開く
⑤ 内容をすべて、シリウスにコピペ
データのアップロード
データのコピペ
① [簡単！絞り込みメーカー] - [ upload_data ] にある [php_data] をフォルダを
② シリウスのサイト作業フォルダ ( ※１ )に。
③ まるごとコピペ
iPhoneでも動作させたい場合には、iPhone用のフォルダにも一式コピーしておいてください。
シリウスでアップロード
①シリウスの[サイト作成]をおして、
②保存フォルダ（※１）を確認してアップロードです。
※１に、データ一式コピーすることとなります。これが一致していないと、アップロードされませんので、気を付けてください。
完成！
アップロードして、このようになっていれば完成です。
パターンＢで作成してみる
概要
入力フォームに入力した各項目内容と、一致したＵＲＬにジャンプします。なかった場合にあ自分自身に返ってきてエラーを表示します。
本ツールでは、
①入力フォームHTML
②[条件] + [ＵＲＬ]をファイル化
を作成していきます。
パターンＢを選択
①[パターンＢ]を選択します。 (初期化しますか？ と聞いてくるので [OK]を選択)
②html の先頭が、actoin="./cond_jump.php" となっていることを確認。
パターンＡの場合は、自分自身の html に入力フォームの内容を送信して php を動かすのですが、
パターンＢの場合は、cond_jump.php に入力フォームの内容を送信して、php を動かします。
部品追加はパターンＡを参照してください。
部品追加部分は、パターンＡと同じになります。パターンＡの部品追加を参照してください。
パターンＢ条件編集
①[パターンＢ条件]タブを選択
②条件一覧が表示されるので....
③[北海道]を選択します。
④[新規URL追加]を押下します。
※ 北海道＋VIO のように複数条件も可能です。その場合は、[北海道] [VIO]を選択した状態で [新規URLを追加] を押下してください。
条件＋ＵＲＬの編集
①条件が [北海道] であることを確認 (初期値に戻したり、ここで編集することも可能）
②[北海道]を選択したい際に、ジャンプしたい URL を入力。
③[設定して閉じる]を押下する。
※URL は、絶対パス( ドメイン名から開始 )、相対パス ( ./ファイル名.html のみ) の指定が可能です。
リスト追加されている
①リストに、条件:北海道 URL : 北海道.html が追加されていることを確認。
②次に [東京] を選択 （北海道はクリックしたら 選択 -> 非選択になります。）
③再度、[ＵＲＬ新規追加]を教えて同様に進めていきます。
リスト完成後、ファイル出力
①リストに、条件＋URL が表示されているので、内容を確認して、
②[ファイル追加] を押す。
※編集したい場合は、リストの行を選択して、編集することも可能です。
アップロードファイルの確認
① [簡単！絞り込みメーカー] - [ upload_data ] にある [php_data] に [cond_jump.txt] というファイルがあり、
② 中身には、条件 + url となっています。
シリウス編集
記事１はパターンＡを参照
記事１部分の編集はパターンＡを参照してください。
記事２の編集
① [記事２]を選択
② [改行なし]を選択
③ [簡単！絞り込みメーカー] - [ upload_data ] に [cond_notfound.php] というファイルがあります。
⑤ これをエディタで開きます。 (UTF-8 であることを確認してください)
⑥ ファイル内容をすべて、[記事２] にコピペします。
このファイルは、すべての条件に一致しない場合に、動作するPHPです。
ここで、[条件がみつかりませんでした。やり直してください。] 等を表示しています。
表示内容を変更したい場合は、このファイルを編集してください。
ファイル一式コピペ
① [簡単！絞り込みメーカー] - [ upload_data ] にある フォルダ ＋ ファイルを
② シリウスのサイト作成フォルダに、
③ コピペします。
シリウスでサイト作成＋アップロード
①シリウスの[サイト作成]をおして、
②保存フォルダを確認してアップロードです。
完成！
条件によって、ジャンプ先のURLが変わっていれば、完成です。
Paypal購入はこちら。
こちらかご購入ください。
ご購入後は、１日程度でメールで解答パスを送ります。
メールが届かない場合は問い合わせフォームから問い合わせてください。
