FAQ(Q&A) よくある質問スクリプト -無料版:CGIやスクリプトをホームページ制作で使うならシンプルサイト

CGI スクリプトのシンプルサイト
パソコン活用
■ 概要
 あなたのホームページには、FAQ、つまり、よくある質問といった訪問者から尋ねられる内容をまとめたページはありますか? 実は、お気づきの方もいらっしゃったかと思いますが、このサイトにもFAQページはあるのですが、ほとんど更新していませんでした。
 やはり、制作に慣れているとは言っても、ページの更新の手間もそれなりにかかります。
 そこで、できるだけ簡単に、しかも質問に答えれば、答えるほどコンテンツが増えるように、FAQスクリプトを作成しました。
 ブログのように、質問と回答を入力すれば、ページが自動生成されるスクリプトです。
■ サンプル
デモサイト Q&AがFAQスクリプトで生成したページです。

管理画面 パスワード:0011

デザインを組み込んだサンプルがご覧いただけます。
ただし、FAQ情報の登録や更新などはできません。
■ 特徴
  • 環境設定画面があるので、設定はインターネット上から変更することができます。
  • インターネットに接続できる環境があれば、記事を更新することができます。
  • すでにあるページに、FAQ用の記号を付け加えることで、テンプレートとして利用できます。
  • FAQのデザインを変更することができます。
  • 各回答ページは、個別にHTMLファイルとして出力されるので、コンテンツを増やすことになり、SEO対策の一環になります。
  • 記事の順番を入替えられます。
有料版では、さらに
  • カテゴリ分けすることができます。
  • 画像を入れられます。
■動作環境 基本的にはPHP4以降が動作する環境
■ ご利用方法
  • お申込みフォームにお名前とメールアドレスを入力して、送信していただくと、送信完了画面が出てきますので、そこから圧縮ファイルをダウンロードしてください。
    もし、思わず閉じてしまった場合は、送信完了メールにURLが書いてありますので、そちらからダウンロードしてください。
    いただいたメールアドレスには、後日、使い方についてのアイディアや、弊社が提供するスクリプトの最新情報、PHPの基礎講座といったものを、不定期ではありますが、お送りいたします。 お知らせが不要の方は、解除していただいて結構です。

    ・お名前
    ・メールアドレス

  • ダウンロードが完了しましたら、解凍ソフトで解凍してください。
  • 下記のような、フォルダ構成になっております。()内は、パーミッション(属性設定)です。
     faq(777) -+- /admin     -+- /css       -+- mainte.css
               |              +- /template  -+- conf.html
               |              |
               |              +- change.php
               |              +- conf.php
               |              +- contents.php
               |              +- count.dat     (666)
               |              +- data.dat      (666)
               |              +- data.sot      (666)
               |              +- function.php
               |              +- index.html
               |              +- list.php
               |              +- login.php
               |              +- logout.php
               |              +- mainte.php
               |              +- settei.php    (666)
               |              +- sort.php
               |              +- system.php
               |              +- temp.dat      (666)
               |              +- temp.html     (666)
               |
               +- /css       -+- faq.css
               |              +- tpl.css
               |
               +- /img       -+- a.jpg
               |              +- icon1.gif
               |              +- q.jpg
               |
               +- /js        -+- index.js
               |
               +- index.html
    
      ・各ファイル解説
    
      mainte.css    管理画面用CSS
      conf.html	    管理画面用テンプレート
    
      change.php    順番入替えスクリプト
      conf.php      環境設定スクリプト
      contents.php  HTML出力スクリプト
      count.dat     記事管理番号データ
      data.dat      記事データ
      data.sot      記事入替え時のバックアップデータ
      function.php  関数処理ファイル
      index.html    ダミーファイル
      list.php      記事一覧スクリプト
      login.php     ログイン
      logout.php    ログアウト
      mainte.php    記事登録
      settei.php    環境設定
      sort.php      記事入替え
      temp.dat      一時データ
      temp.html     一時HTMLファイル
    
      faq.css       FAQブロック用CSS
      tpl.css       サンプルテンプレート用CSS
    
      a.jpg         アイコン画像
      icon1.gif     アイコン画像
      q.jpg         アイコン画像
    
      index.js      一般的なJavascript
    
      index.html    サンプルテンプレート
    
  • 初期設定では、サンプルテンプレート(index.html)をテンプレートにして、ページ出力する設定になっています。
  • オリジナルのテンプレートを使う場合は、サンプルテンプレートを参考にして、FAQを表示したい部分に、
    <!-- FAQ記事ブロック -->
    <table class="qa" width="540" border="0" cellpadding="3" cellspacing="5"> <!-- SEPARATE -->
    COMMENT
    <!-- SEPARATE -->
    </table> <!-- FAQ記事ブロック -->
    を付け加えてください。
  • FAQブロック全体の横幅や行間を変更したい場合は、テンプレートの<!-- FAQ記事ブロック -->部分、
    <table class="qa" width="540" border="0" cellpadding="3"
                             横幅                        行間
     cellspacing="5">
                行間
    
    を調整してみてください。
  • FAQの見た目のデザインを変更したい場合は、以下のようにスタイル指定をしてありますので、スタイルシート(faq.css)を参考に修正してみてください。
        Q             質問内容
          class="icon_q"     class="qestion"
    
        A             回答内容
          class="icon_a"     class="answer"
    
  • FAQの構成は、contents.php の中の、//出力フォーマット ここから〜ここまで部分に、HTMLで記述してありますので、お使いのデザインに合わせて変更してください。
  • 尚、変数の割り当ては、記事入力画面で
    $data_array[2] 質問
    $data_array[3] 回答
    となっております。
  • 尚、プログラムの文字コードはEUC-JPですので、contents.php を編集する場合は、terapadなどの各種文字コードが使えるテキストエディタをお使いになることを、お勧めします。
  • 出力先の準備ができましたら、先ほど解凍したファイルをサーバーにアップしてください。
  • サーバーにアップ後、指定のファイル、フォルダの属性(パーミッション)を変更して下さい。
■ 操作方法
  • http://your_domain/faq/admin/login.php にアクセスすると、パスワードが求められますので、初期設定は、1234ですので、入力してアクセスしてください。
  • 記事一覧が開きますので、左側の”FAQ環境設定”をクリックします。
  • 環境設定画面が開きますので、必要な設定を変更して下さい。
    ・使用するテンプレートファイルテンプレートとして使うファイルを指定します。
    ・FAQの出力先FAQページの出力場所を指定します。
    faqフォルダの中の場合 "../"、faqフォルダの外の場合 "../../"
    ・出力ファイル名FAQページのファイル名を指定します。
    個別ページの指定したファイル名に、自動的に連番が付け加えられます。
    ・管理画面アクセスパスワードパスワードを設定します、初期値は、"1234"です。
    ・個別ファイルの開き方FAQ一覧で、質問をクリックすると個別ページが表示されますが、その時に、新たにウィンドウを開くかどうかです。
    ・一覧に戻るリンク個別ページには、FAQ一覧に戻るためのリンクが用意されますので、そのテキストを設定します。
    ・記事がないときのコメント記事が無いときに表示するコメントです。
    ・メンテナンス画面で表示する記事数メンテナンス画面で表示する記事数です。
  • 設定が終わりましたら、設定ボタンをクリックしてください。
  • 記事の入力は、左側の"記事入力"をクリックしてください。
  • ここで必要事項を入力し、新規登録をクリックすると登録完了です。
  • FAQページを出力する場合は、左側の"FAQ更新"ボタンをクリックしてください。
  • 更新したページが表示されたら、完了です。
  • 一度、入力したデータを、編集、削除したい場合は、先ほどの画面で、記事一覧の該当する記事の、"編集/削除"ボタンをクリックしてください。
  • データが表示されますので、削除したい場合は、"削除確定"、編集したい場合は、編集後、"変更確定"ボタンをクリックして下さい。
  • この時点では、データベースが更新された状態なので、必ず、"HP更新"ボタンをクリックし、ホームページを更新して下さい。
  • 記事を表示する順番を変えたい場合は、"記事並び替え"をクリックします。
  • 全ての記事が表示されますので、まず、移動したい記事の、移動元をクリックします。
  • 次に移動先の位置にある記事の、移動先をクリックします。
  • 画面の下部の、"並び替え"ボタンをクリックすると、データの入替えが行われます。
  • データの並び替えをした後は、必ず、左側の"FAQ更新"ボタンをクリックして更新してください。
 
Copyright © Simplesite 2007-2009 All Rights Reserved