簡単！絞り込みメーカー

トップページ ＞ 簡単！絞り込みメーカー

 

＜概要＞
・シリウスサイトで簡単に絞り込み検索をいれることができます。
・絞り込み検索後、[下に表示されるタイプ]と[特定URLにジャンプ]する２タイプが作成可能です。
・絞り込みフォームには[セレクトボックス][チェックボタン][ラジオボタン][送信ボタン]を追加することができます。
・項目のソート機能は今後、実装します。（現在開発中）

 

＜ダウンロード＞
ここからダウンロード NEW!! (2018/10/21)
PASSはPaypal決済後、連絡いたします。

 

＜ご購入はこちら＞
１万円買い切り

 

 

サンプルサイト　パターンＡ
http://www.kenkidama.net/entry736.html

 

サンプルサイト　パターンＢ
http://www.kenkidama.net/entry735.html

 

本ツールの絞り込み検索はPHP上で動作するのですが、通常のシリウスの設定ではＰＨＰは動かないため、いろいろイジってPHPを動かす必要があります。
下記を参考してHTMLファイル上でＰＨＰを動かしてみてください。

 

文字コードはUTF-8

、

 

 

シリウス-[サイトオプション] - [全体設定] の文字コードは [UTF-8] としてください。

 

 

HTMLテンプレート修正

、

 

シリウスの[編集]-[HTMLテンプレート]で、４行目の”＜% XMLdeclaration %＞”を削除します。

 

 

※トップページ用、カテゴリー用、エントリー用、iPhoneサイト用の３つ、の合計６か所修正。

 

.htaccess設定修正

シリウスの[ホーム]-[サイトオプション]-[.htaccess設定]に、下記のコードを追加

 

 

※上記は、hetemlサーバの例です。他のサーバやPHPのバージョンにより書式が異なる場合があります。
　「html内でPHPを動かす」などでgoogleさんに聞いてみてください。

 

本文にＰＨＰコードを入力

 

 

 

※改行なしを選択
※全角スペースとかはエラーになるので注意。

 

サーバにアップして動作確認

シリウスで普通に[サイト作成]->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] をフォルダを
②　シリウスのサイト作業フォルダ　( ※１ )に。
③　まるごとコピペ

 

 

シリウスでアップロード

 

 

①シリウスの[サイト作成]をおして、
②保存フォルダ（※１）を確認してアップロードです。

 

※１に、データ一式コピーすることとなります。これが一致していないと、アップロードされませんので、気を付けてください。

 

完成！

 

 

 

アップロードして、このようになっていれば完成です。

 

概要

 

 

入力フォームに入力した各項目内容と、一致したＵＲＬにジャンプします。なかった場合にあ自分自身に返ってきてエラーを表示します。

 

 

本ツールでは、

 

①入力フォームHTML
②[条件] + [ＵＲＬ]をファイル化

 

を作成していきます。

 

パターンＢを選択

 

 

①[パターンＢ]を選択します。 (初期化しますか？　と聞いてくるので [OK]を選択)
②html の先頭が、actoin="./cond_jump.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 であることを確認してください)
⑥ ファイル内容をすべて、[記事２] にコピペします。

 

 

ファイル一式コピペ

 

 

①　 [簡単！絞り込みメーカー] - [ upload_data ]　にある　フォルダ ＋　ファイルを
②　シリウスのサイト作成フォルダに、
③　コピペします。

 

 

シリウスでサイト作成＋アップロード

 

 

①シリウスの[サイト作成]をおして、
②保存フォルダを確認してアップロードです。

 

 

完成！

 

 

条件によって、ジャンプ先のURLが変わっていれば、完成です。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

こちらかご購入ください。

 

ご購入後は、１日程度でメールで解答パスを送ります。
メールが届かない場合は問い合わせフォームから問い合わせてください。