お問い合わせフォームを設置する その2

お問い合わせフォームを設置する その2

最短「ホームページテンプレート」には、
お問い合わせフォームのパーツが付属しているため、
簡単にお問い合わせフォームを設置することができました。

 

しかしシリウスなどの作成ソフトには、
このようなお問い合わせフォームは付属していません。

 

 

シリウスでお問い合わせフォームを設置するには、
インターネット上で配布されているお問い合わせフォームを利用します。

 

インターネット上で配布されているお問い合わせフォームには、
ロリポップなどレンタルサーバーの業者が提供しているものや、
商用にPHPプログラムを提供しているサイトのものがあります。

 

ここでは、PHP工房というサイトで
配布しているお問い合わせフォームの設置の仕方
について説明します。

 

ホームページ作成

お問い合わせフォームをダウンロードする

お問い合わせフォームには
シンプルな機能の無料版と高機能の有料版がありますが、
今回はシンプルな機能の無料版の説明をします。

 

無料版でも、メールの自動返信の機能もついていて
充分使えると思います。

 

無料版で慣れてきたら、
有料版を使ってみるのもいいでしょう。

 

まずPHP工房のホームページにアクセスして、
左上にある「多機能メールフォーム フリー」をクリックします。

 

ホームページ作成

 

少し下に、「メールフォームダウンロード」
という項目があります。

 

使用している文字コードの違いで
「Shift-JIS版」「UTF-8版」「EUC-JP版」の
3つがあります。

 

ホームページ作成

 

シリウスで、デフォルトはShift-JISなので、
「Shift-JIS版」をダウンロードします。

 

ホームページ作成

 

ダウンロードしたファイルは、
zipという形式で圧縮されていますので、
解凍してやる必要があります。

 

ホームページ作成

 

解凍の仕方は、ファイルを選択して、
選択したファイルの上にマウスカーソルを当てて、
右クリックして、「すべて展開」をクリックします。

 

OSによっては、
このメニューがないものもあります。

 

その場合は、窓の杜から+Lhacaという無料解凍ソフトを使って
解凍するようにしてください。

 

ホームページ作成

 

「展開」をクリックすると、
ファイルが解凍されます。

 

通常は、zipファイルが保存されているフォルダに解凍されます。

 

ホームページ作成

 

ファイルを解凍すると、
contact.htmlとmail.phpの2つのファイルができます。

 

ホームページ作成

 


ファイルを編集する

テキストエディタでこれらのファイルを編集します。

 

contact.htmlは、「サンプル」という文字を
「お問い合わせ」に変更しただけです。

 

contact.htmlはなるべく全角で書かれた文字だけを
編集するようにしてください。

 

次に、mail.phpの編集です。

 

まず、必須設定の編集は、
下の赤枠と青枠の部分の変更をします。

 

赤枠には、自分のホームページのURL、
青枠には自分のメールアドレスに書き換えます。

 

ホームページ作成

 

次に、任意設定の編集です。

 

全く変更しなくても大丈夫ですが、
お問い合わせフォームからメールをくださった訪問者様に
自動返信メールを送る場合は、

 

下の赤枠内の「$remail=0」を0から1に変更、

 

  • 青枠内の社名、
  • 名前、
  • 住所、
  • 電話番号、
  • メールアドレス、
  • URL

 

などを書き換えます。

 

ホームページ作成

 

contact.htmlとmail.phpの編集が終わったら、
作成しているサイト生成先フォルダへコピーします。

 

サイト生成先フォルダとは、
ACES WEBーSIRIUS-サイト生成先というフォルダの中の
自分の作成中のサイト名が付いたフォルダです。

 


お問合せフォームへのリンクを貼る

下のようなメールの画像リンクを作成して、
クリックするとお問合せフォームのページが表示されるようにします。

 

ホームページ作成

 

「サイト全体設定」をクリックして、
「フリースペースの設定」タブをクリックします。

 

サイドバーの下にリンクを貼りますので、
「位置選択」を「メインメニュー(下段)」にして、
見出しに「お問合せフォーム」と記入して、
画像ボタン(赤枠)をクリックします。

 

ホームページ作成

 

メール画像を選択して、
「OK」をクリックします。

 

ホームページ作成

 

すると、画像のタグが表示されますので、
タグを全て選択して、
リンクボタン(赤枠)をクリックします。

 

ホームページ作成

 

リンク先url(img/赤枠)には、
contact.htmlのアドレスを記入します。

 

 

アドレスは下記のようになります。

 

 

http://www.(トップページのアドレス)./(お問合せフォームのファイルの入ったフォルダ名)/contact.html

 

 

また、リンクをクリックすると
別のウィンドウで開くように、
ターゲットを「blank」(青枠)にします。

 

ホームページ作成

 

「リンク生成」-「アップロード」でファイルをアップロードして、
リンクをクリックすると、
下のようなフォームが出来上がります。

 

ホームページ作成

 


動作を確認する

最後に自分のメールアドレスで
お問合せフォームを送信して動作を確認します。

 

 

こちらが、訪問者様へ送られる自動送信メールです。

 

ホームページ作成

 

そして、こちらが自分のところに届く確認メールです。

 

ホームページ作成

 

HTMLに慣れていないシリウスのユーザーにとっては、
少し違和感があるかもしれませんが、
落ち着いてじっくりやればできますので、
頑張って挑戦してみてください。

スポンサーリンク


page top