目次 1. 概要 2. サーバーへの設置 3. 設定 4. デザイン変更 5. 複数フォームの設置 6. 外国語対応 7. 利用規定 8. 更新履歴

Size: px

Start display at page:

Download "目次 1. 概要 2. サーバーへの設置 3. 設定 4. デザイン変更 5. 複数フォームの設置 6. 外国語対応 7. 利用規定 8. 更新履歴"

たいちしまむね
7 years ago
Views:

1 お問い合わせフォーム L-TOOL Inquiry (ver 3.3) 取扱説明書 Little Net 年 8 月 5 日版 -

2 目次 1. 概要 2. サーバーへの設置 3. 設定 4. デザイン変更 5. 複数フォームの設置 6. 外国語対応 7. 利用規定 8. 更新履歴

3 1. 概要この WEB ツールはお問い合わせフォーム用 php スクリプトです php5 以上 HTML ファイルの文字コードが UTF-8 用のスクリプトです php が使用できる WEB サーバーに設置することで簡単にお問い合わせフォームを開設できます通常のメール送信 (sendmail による送信 ) の他 SMTP 接続によるメール送信も可能です尚サーバーで使用できる php のタイプ ( モジュール版 /CGI 版 ) により幾つかアップロード不要なファイルがありますモジュール版 php の場合使用できる php がモジュール版 ( 拡張子.php) の場合は下記の CGI 版用の php はアップロード不要です ( さくらインターネットのスタンダード等 ) /inquiry01.php /inquiry01.cgi アップロード不要 (CGI 版用の php) /wbinq/inquiry01/admin.php /wbinq/inquiry01/admin.cgi --- アップロード不要 (CGI 版用の php) ( 上記赤字以外は全てアップロード ) CGI 版 php の場合使用できる php が CGI 版 ( 拡張子.cgi) の場合は下記のモジュール版用の php はアップロード不要です (XREA のコアサーバー等 ) /inquiry01.php アップロード不要 ( モジュール版用の php) /inquiry01.cgi /wbinq/inquiry01/admin.php --- アップロード不要 ( モジュール版用の php) /wbinq/inquiry01/admin.cgi ( 上記赤字以外は全てアップロード ) CGI 版の場合サーバーによっては上記 inquiry01.cgi と各 admin.cgi の先頭行の php パス (#!/usr/local/bin/php) が違う場合がありますこの場合はこのパスをサーバーの環境に合わせて変更して下さい

cgi -------------- アップロード不要 (CGI 版用の php) /wbinq/inquiry01/admin.php /wbinq/inquiry01/admin.cgi --- アップロード不要 (CGI 版用の php) ( 上記赤字以外は全てアップロード ) CGI 版 php の場合使用できる php が CGI 版 ( 拡張子.

4 2. サーバーへの設置この WEB ツールは WEB サーバーが Apache で php を利用できるサーバー向けに制作されていますサーバーへの設置は以下を参照してください 1 解凍後フォルダー内の内容をそのままサーバーの適当なフォルダーにアップロードします例 ) inquiry01.php (.cgi) ---> /inquiry/inquiry01.php (.cgi) inquiry01.css ---> /inquiry/inquiry01.css tmp-xxxxx.html ---> /inquiry/tmp-xxxxx.html wbinq/ ---> /inquiry/wbinq/ CGI 版 php を使用する場合サーバーによっては inquiry01.cgi と各 admin.cgi の先頭行の PHP パス (#!/usr/local/bin/php) が違う場合がありますこの場合はこのパスをサーバーに合わせて変更して下さい 2 サーバー設置時の各フォルダーファイルの属性 (= パーミッション ) は以下 ( ) 内の通りです inquiry/ (0755) 設置フォルダー ( 設置は php 設置可能な場所なら自由に可能 ) inquiry01.php(.cgi) ---- (0755) 問合せフォームメイン PHP tmp-xxxx.html (0644) 問合せフォームテンプレート HTML ( デザインはこのファイルを修正 ) inquiry.css (0644) 問合せフォームテンプレート CSS ( デザインはこのファイルを修正 ) wbinq/ (07xx) システムフォルダー 1 inquiry01/ (07xx) 問い合わせフォーム機能用フォルダー 1 admin.php(.cgi)-- (0755) 問い合わせフォーム設定機能メイン PHP xxx.php.cgi (0644) 各種プログラム PHP tmp-xxxx.html --- (0644) テンプレート用 HTML data/ ( 自動生成フォルダー ) lib/ (0755) 各種 PHP プログラムフォルダー set-site.php.cgi- (0644) サイト設定用ファイル xxx.php.cgi (0644) 各種 PHP プログラム css/ (0755) システムが使用している CSS js/ (0755) システムが使用している Javascript extool/ (0755) 使用している他のフリーソフト 1 (07xx) は (0755) でエラーが出る場合は (0777) に設定して下さい ( php の実行時ユーザーが apache で実行されるサーバーの場合 0755 ですと自動生成フォルダー等の生成でエラーが発生します ) 上記の設置でブラウザから以下のphpスクリプトが起動できます設定機能 ( 又は admin.cgi) 問い合わせフォーム ( 又は inquiry01.cgi)

/usr/local/bin/php) が違う場合がありますこの場合はこのパスをサーバーに合わせて変更して下さい 2 サーバー設置時の各フォルダーファイルの属性 (= パーミッション ) は以下 ( ) 内の通りです inquiry/ -------------------- (0755) 設置フォルダー ( 設置は php 設置可能な場所なら自由に可能 ) inquiry01.php(.

3. 設定システムをサーバーに設置後は設定機能を起動し以下の設定を行って下さい 1 設定機能の起動 ( 管理機能の起動 ) ブラウザから設定機能を開いて下さい例 )http:// /inquiry/wbinq/inquiry01/admin.php (admin.

5 3. 設定システムをサーバーに設置後は設定機能を起動し以下の設定を行って下さい 1 設定機能の起動 ( 管理機能の起動 ) ブラウザから設定機能を開いて下さい例 ) /inquiry/wbinq/inquiry01/admin.php (admin.cgi) 3 へ 2 へお問い合わせフォームの各種設定入力フォームの項目設定を順次行ってください ( 2 3 へ ) 2 お問い合わせフォームの各種設定お問い合わせフォームの各種設定からは管理者名メールアドレスメール件名本文等が設定できます 3 入力フォームの項目設定入力フォームの項目設定からは問い合わせフォームで入力する項目を設定できます ( 初期状態でサンプルの項目が設定されていますが必ず一度は [ 設定 ] をクリックして下さい ) 4 サイト設定ファイルの修正設定機能に表示されるサイト名やツール名( お問い合わせフォーム名 ) 等は以下の設定ファイルを編集する事で変更が可能です.../wbinq/lib/set-site.php.cgi ファイル修正後はサーバーにアップし直して下さい補足設定完了後は第三者に設定内容を変更されないよう以下の何れかを行って下さい ( 有料設置版の場合はログイン認証が付いていますので以下の必要はありません ) ケース 1) 設定機能のメイン PHP をサーバーから削除しておく /wbinq/inquiry01/admin.php(.cgi) ファイルのみを削除して下さい上記以外は削除しないでください ( 再度設定する場合は削除ファイルのみ再度アップロードして下さい ) ケース 2) /wbinq/ フォルダ等に BASIC 認証を設定して他者が設定機能にアクセスできないようにする (BASIC 認証の設定に関しては L-TOOL の BASIC 認証スクリプトをダウンロードして設置するかネット上で調べますといくつか説明しているサイトが検索されますのでそちらを参照して下さい )

初期状態でサンプルの項目が設定されていますが必ず一度は [ 設定 ] をクリックして下さい ) 4 サイト設定ファイルの修正設定機能に表示されるサイト名やツール名( お問い合わせフォーム名 ) 等は以下の設定ファイルを編集する事で変更が可能です.../wbinq/lib/set-site.php.

6 4. デザインの修正この WEB ツールはテンプレートの HTML ファイルを編集する事によりデザインを自由に変更できるように設計されています 1 デザインの修正ファイル ( テンプレート HTML ファイル ) お問い合わせフォームの各画面は以下のテンプレートファイルからできています (1) 問い合わせ内容の入力 ( tmp-inquiry01_input.html ) (2) 入力内容の確認 ( tmp-inquiry01_confirm.html ) (3) 送信完了 ( tmp-inquiry01_end.html ) テンプレートの HTML ファイルを編集する場合はシステムの変換指定 ##xxxxxxx## または  を誤って削除してしまわないよう注意して下さいこの点さえ注意すればデザインは自由に変更する事ができます各種のホームページビルダー等でデザインを作成後必要な変換指定部分を付け加える事により高度なデザインも自由に作成可能となるはずです 2 テンプレートファイルの修正概要 (1) tmp-inquiry01_input.html の修正  <form method="post" action="##myact##" enctype="multipart/form-data"> <input type="hidden" name="p_act" value="##mydirnm##_confirm" />  上記 3 行はお問い合わせフォームの確認画面に移る為に必要な HTML(XHTML) のフォーム開始タグですこのまま消さないように注意して下さい   <div class="inchk_msg">##inchk_msg##</div>  上記は入力項目のチェックでエラーが有る場合のエラーメッセージ表示エリアの指定です入力項目のチェックでエラーが有ると  ~  で囲まれた範囲の HTML が有効になります ( 変換指定 ) ##INCHK_MSG## --- エラー内容に置換

--##xxxxxxx##--> を誤って削除してしまわないよう注意して下さいこの点さえ注意すればデザインは自由に変更する事ができます各種のホームページビルダー等でデザインを作成後必要な変換指定部分を付け加える事により高度なデザインも自由に作成可能となるはずです 2 テンプレートファイルの修正概要 (1) tmp-inquiry01_input.html の修正 <!--(1.

7   <tr> <th class="name">##f01_name##</th> <td class="input"> ##F01_INPUT## <div class="cmt">##f01_cmt##</div> </td> </tr>  上記は入力項目の指定です項目は F01 ~ F12 までの最大 12 項目まで指定できます ( 有料設置版の場合は標準で 30 項目まで指定できます ) 設定機能入力フォームの項目設定で表示するになっている場合対象の項目の  ~  で囲まれた範囲の HTML が有効になります ( 変換指定 ) ##F01_NAME## ---- 省略可設定機能入力フォームの項目設定で指定した [ 項目名 ] に置換 ##F01_INPUT## --- 設定機能入力フォームの項目設定で指定した [ タイプ ] 別の入力タグに置換例 ) text <input type="text"...> に置換されます ##F01_CMT## 省略可設定機能入力フォームの項目設定で指定した [ コメント ] に置換設定機能入力フォームの項目設定で表示しないとなっている項目は  ~  までを全て削除しても構いません  <table class="btn"> <tr> <td><input type="submit" value=" 確認 " style="width:100px;" /></td> <td><input type="reset" value=" クリア " style="width:100px;" /></td> </tr> </table> </form> お問い合わせフォームの確認画面に移る為に必要な HTML(XHTML) のフォームボタンとフォーム終了タグですボタン等のデザインは動作が同じであれば修正して構いませんフォームの終了タグは削除しないように注意して下さい

--##/IF_F01##--> で囲まれた範囲の HTML が有効になります ( 変換指定 ) ##F01_NAME## ---- 省略可設定機能入力フォームの項目設定で指定した [ 項目名 ] に置換 ##F01_INPUT## --- 設定機能入力フォームの項目設定で指定した [ タイプ ] 別の入力タグに置換例 ) text <input type="text".

8 (2) tmp-inquiry01_confirm.html の修正   <tr> <th class="name">##f01_name##</th> <td class="value">##f01_value##</td> </tr>  上記は表示項目の指定です項目は F01 ~ F10 までの最大 10 項目まで指定できます設定機能入力フォームの項目設定で表示するになっている場合対象の項目の  ~  で囲まれた範囲の HTML が有効になります ( 変換指定 ) ##F01_NAME## ---- 省略可設定機能入力フォームの項目設定で指定した [ 項目名 ] に置換 ##F01_VALUE## --- 省略可入力画面で入力された値に置換設定機能入力フォームの項目設定で表示しないとなっている項目は  ~  までを全て削除しても構いません  <form method="post" action="##myact##"> <input type="hidden" name="p_act" value="##mydirnm##_end" />  <input type="submit" value=" 送信 " style="width:100px;" /> </form> 送信を実行し送信完了画面に移る為のフォームタグおよび送信ボタン用のタグですこのタグは削除しないように注意して下さい <input type= submit > は <input type= image > 等の画像ボタンに変更も可能です  <form method="post" action="##myact##"> <input type="hidden" name="p_act" value="##mydirnm##_input" />  <input type="submit" value=" 戻る " style="width:100px;" /> </form> 入力画面に戻る為のフォームタグおよび戻るボタン用のタグですこのタグは削除しないように注意して下さい <input type= submit > は <input type= image > 等の画像ボタンに変更も可能です

--##/IF_F01##--> で囲まれた範囲の HTML が有効になります ( 変換指定 ) ##F01_NAME## ---- 省略可設定機能入力フォームの項目設定で指定した [ 項目名 ] に置換 ##F01_VALUE## --- 省略可入力画面で入力された値に置換設定機能入力フォームの項目設定で表示しないとなっている項目は <!--##IF_F01##--> ~ <!

9 (3) tmp-inquiry01_end.html の修正   <div class="inquiry_ok"> ##FORM_END_MSG## </div>  お問い合わせの送信処理でエラーが発生しなかった場合の表示エリアの指定ですエラーが発生しなかった場合は  ~  で囲まれた範囲の HTML が有効になります ##FORM_END_MSG## は設定機能で設定した送信完了画面メッセージが表示されます無効なメールアドレスの指定などエラーが発生しなくてもメールが届かない場合はあります   <div class="inquiry_ng">  お問い合わせは既に送信されています   お問い合わせを送信できませんでした  </div>  お問い合わせの送信処理でエラーが発生した場合の表示エリアの指定ですエラーが発生した場合は  ~  で囲まれた範囲の HTML が有効になりますまたこの中で  ~  で囲まれた範囲の HTML は既に送信が行われているエラーの場合に有効となります  ~  で囲まれた範囲の HTML は上記以外のその他エラーの場合に有効となります  <form method="post" action="##myact##"> <input type="hidden" name="p_act" value="##mydirnm##_input" /> <input type="submit" value=" 戻る " style="width:100px" /> </form> 入力画面に戻る為のフォームタグおよび戻るボタン用のタグ例です ( 特に無くても構いません )

--##IF_NOT_OK##--> <div class="inquiry_ng"> <!--##IF_REPEAT##--> お問い合わせは既に送信されています <!--##/IF_REPEAT##--> <!--##IF_NOT_REPEAT##--> お問い合わせを送信できませんでした <!--##/IF_NOT_REPEAT##--> </div> <!

10 5. 複数フォームの設置このツールは同時に複数のお問い合わせフォームを設置する事もできます複数のお問い合わせフォームを設置するには以下の方法で行って下さい 1 問い合わせフォームのメイン PHP とテンプレート HTML の複製問い合わせフォームのメイン PHP とテンプレートの HTML を複製して下さい例 ).../inquiry01.php (.cgi) ==>.../inquiry02.php (.cgi) へコピー.../tmp-inquiry01_input.html ==>.../tmp-inquiry02_input.html へコピー.../tmp-inquiry01_confirm.html ==>.../tmp-inquiry02_confirm.html へコピー.../tmp-inquiry01_end.html ==>.../tmp-inquiry02_end.html へコピー 2 問い合わせフォーム機能用フォルダーをそのまま複製問い合わせフォーム機能用のフォルダー ( およびその中身 ) をそのまま複製して下さい例 ).../wbinq/inquiry01/ ==>.../wbinq/inquiry02/ へコピー設定情報は.../wbinq/inquiry01/data/set/*.cgi ファイルに保存されていますこのファイルをコピーする事で設定情報も複製できます ( ファイル属性 = パーミッションファイルのオーナー ID も同一にして下さい ) 3 サイト設定ファイルの編集複製したお問い合わせフォームの設定機能に表示されるツール名 ( お問い合わせフォーム名 ) は以下の設定ファイルを編集する事で変更が可能です.../wbinq/lib/set-site.php.cgi ファイル修正後はサーバーにアップし直して下さい 4 設定設定およびデザインの修正などは最初の inquiry01 の場合と同様に行えます問い合わせフォーム1の設定 --- /wbinq/inquiry01/admin.php (.cgi) 問い合わせフォーム2の設定 --- /wbinq/inquiry02/admin.php (.cgi) 問い合わせフォーム3の設定 --- /wbinq/inquiry03/admin.php (.cgi)

html へコピー 2 問い合わせフォーム機能用フォルダーをそのまま複製問い合わせフォーム機能用のフォルダー ( およびその中身 ) をそのまま複製して下さい例 ).../wbinq/inquiry01/ ==>.../wbinq/inquiry02/ へコピー設定情報は.../wbinq/inquiry01/data/set/*.

11 6. 外国語対応問い合わせフォームの外国語対応は以下の方法で設置可能です ( 問い合わせフォーム側は外国語に変更できますが設定機能側は日本語表記が残ります ) 1 テンプレート HTML を文字コードは UTF-8 のまま内容は対象の言語で作成します tmp-inquiry01_input.html 入力フォーム用 HTML tmp-inquiry01_confirm.html 確認フォーム用 HTML tmp-inquiry01_end.html 完了フォーム用 HTML 2 設定機能での設定設定機能 > 入力フォームの項目設定で項目名や選択肢などの各設定項目を対象の言語で設定します設定機能 > お問い合わせフォームの各種設定でメール件名やメール本文などの各設定項目を対象の言語で設定します 3 メッセージ設定ファイルの編集システムが表示する各種メッセージはメッセージ設定ファイルに設定されていますこのファイルの内容を対象の言語に修正しますメッセージ設定ファイルは以下の 2 ファイルです wbinq/lib/set-wbmsg.php.cgi wbinq/inquiry01/set-wbmsg.php.cgi ( 修正例 ) 'inchk0002' => '$p1 と $p2 が違っています ', 上記のようなメッセージを英語にする場合は 'inchk0002' => '"$p1" and "$p2" is incorrect.', 等と修正して下さい $p1, $p2, $p3, は入力フォームの項目設定で設定した項目名が自動で置換されます $p1 といった置換マークは残してメッセージを修正して下さい以上で外国語に対応した問い合わせフォームが設置できます

html ----- 完了フォーム用 HTML 2 設定機能での設定設定機能 > 入力フォームの項目設定で項目名や選択肢などの各設定項目を対象の言語で設定します設定機能 > お問い合わせフォームの各種設定でメール件名やメール本文などの各設定項目を対象の言語で設定します 3 メッセージ設定ファイルの編集システムが表示する

12 7. 利用既定このソフトウエアを利用する前に利用規定を確認し内容に同意したうえでこのソフトウェアを利用してください 1 利用規定 (1) このソフトウェアは商用サイト / 非商用サイトを問わず自由に設置して使用できます (2) 画面内に当サイト ( へのリンクが表示されているソフトウェアの場合はそのリンクおよびリンクテキストを削除したり見えなくしたりしないで下さい (2) このソフトウェアの不具合等により利用者等に損害が発生した場合であっても損害に対する賠償責任は当方 ( 制作者 ) には無いものとしますこの点に同意したうえでこのソフトウェアを利用して下さい (3) ソフトウエアに不具合等があった場合でも当方は個別の対応はできませんご了承ください (4) このソフトウエアの著作権は当方 ( 制作者 ) にありますがパッケージ内に当方制作以外のフリーソフト等が含まれている場合そのフリーソフトの著作権利用規約のみは各フリーソフトの規定となります 2 不具合に関してこのソフトウェアに不具合があった場合個別の対応はできませんが後のバージョンアップの為ホームページのお問い合わせフォームより不具合のご連絡を頂ければ幸いです [ 制作者 ] リトルネット森彰

この点に同意したうえでこのソフトウェアを利用して下さい (3) ソフトウエアに不具合等があった場合でも当方は個別の対応はできませんご了承ください (4) このソフトウエアの著作権は当方 ( 制作者 ) にありますがパッケージ内に当方制作以外のフリーソフト等が含まれている場合

13 8. 更新履歴 2012 年 08 月 05 日 [Ver3.3] 問い合わせフォームの外国語対応送信完了画面メッセージを設定可能に修正 2012 年 07 月 21 日 [Ver3.2] フリー版のリンク表示の修正 ( 送信完了画面は非表示可に ) 2012 年 07 月 08 日 [Ver3.2] 不具合修正 2012 年 07 月 05 日 [Ver3.2] 不具合修正 12 項目まで設定可能に修正添付ファイルを複数可に修正 2012 年 07 月 02 日 [Ver3.1] フォルダー名修正等 2012 年 06 月 22 日 [Ver3.1] SMTP 接続機能を追加汎用 CMS WebBlock の部品機能として再構成 2012 年 05 月 01 日 [Ver2.6] 取扱説明書のphpバージョンフォルダー設定の説明部分を加筆 2012 年 04 月 07 日 [Ver2.5] 不具合修正制限解除の廃止 2011 年 09 月 24 日 [Ver2.4] メールの件名が長い場合に一部メールソフトで文字化けの不具合修正 2011 年 07 月 29 日 [Ver2.3] 不具合修正 2011 年 07 月 25 日 [Ver2.2] 不具合修正設定情報のダウンロードアップロード機能追加 2011 年 07 月 19 日 [Ver2.1] 添付ファイル機能等を追加しフリーソフトとして提供 2011 年 02 月 07 日 [Ver1.3].ltset ファイルによる動作設定機能追加配布ファイル lt-xxxx に変更 2011 年 01 月 31 日 [Ver1.2] XHTML UTF8 に対応シェアウェア提供 2008 年 03 月 15 日新規制作

6] 取扱説明書のphpバージョンフォルダー設定の説明部分を加筆 2012 年 04 月 07 日 [Ver2.5] 不具合修正制限解除の廃止 2011 年 09 月 24 日 [Ver2.4] メールの件名が長い場合に一部メールソフトで文字化けの不具合修正 2011 年 07 月 29 日 [Ver2.3] 不具合修正 2011 年 07 月 25 日 [Ver2.

目次 1. 概要 2. サーバーへの設置 3. 設定 4. デザイン変更 5. 外国語対応 6. 利用規定 7. 更新履歴

お問い合わせフォーム L-TOOL Inquiry (ver 5.1) 取扱説明書 Little Net http://l-tool.little-net.com/ - 2017 年 2 月 12 日版 - 目次 1. 概要 2. サーバーへの設置 3. 設定 4. デザイン変更 5. 外国語対応 6. 利用規定 7. 更新履歴 1. 概要この WEB ツールはお問い合わせフォーム用 php スクリプトです