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