簡単!絞り込みメーカー

簡単!絞り込みメーカー

 

<概要>
・シリウスサイトで簡単に絞り込み検索をいれることができます。
・絞り込み検索後、[下に表示されるタイプ]と[特定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日程度でメールで解答パスを送ります。
メールが届かない場合は問い合わせフォームから問い合わせてください。