SIRIUSシリウスでメールフォームの作成!
シリウスの標準機能の中には、お問い合わせフォームのような
メールフォーム作成機能がありません!
メールアドレスをホームページで公開するのもなぁ・・・と^^;
そこで、PHP工房様のメールフォーム(フリー版)を使ってみました^^
このサイトの”お問い合わせ”がまさしくそうなので、
その導入手順を紹介しますね♪
ちなみにシリウス上位版のスマホ同時生成されたサイトでは、
機能しませんので注意です(><;
なので、レスポンシステンプレートまたはレスポンシブ化することを
お勧めしています。
手順1.ダウンロード
http://www.php-factory.net/mail/01.phpから、
をダウンロードします。
手順2.フォルダ解凍
フォルダを解凍すると、中身に
・contact.html
・mail.php
の2つのファイルが入っていることを確認します。
手順3.contact.htmlのソースコード貼り付け
シリウスの記事本文入力画面にcontact.htmlのソースコードを直接貼り付けます。
貼り付ける部分は<from>~</from>の間をコピーして貼り付けます。
ーーーーーー下記ソース内容キリトリーーーーーーーーーーーーーーーーーーー
<form method="post" action="mail.php">
<table class="formTable">
<tr>
<th>ご用件</th>
<td><select name="ご用件">
<option value="">選択してください</option>
<option value="ご質問・お問い合わせ">ご質問・お問い合わせ</option>
<option value="リンクについて">リンクについて</option>
</select></td>
</tr>
<tr>
<th>お名前</th>
<td><input size="20" type="text" name="お名前" /> ※必須</td>
</tr>
<tr>
<th>Mail(半角)</th>
<td><input size="30" type="text" name="Email" /> ※必須</td>
</tr>
<tr>
<th>性別</th>
<td><input type="radio" name="性別" value="男" /> 男
<input type="radio" name="性別" value="女" /> 女 </td>
</tr>
<tr>
<th>サイトを知ったきっかけ</th>
<td><input name="サイトを知ったきっかけ[]" type="checkbox" value="友人・知人" /> 友人・知人
<input name="サイトを知ったきっかけ[]" type="checkbox" value="検索エンジン" /> 検索エンジン</td>
</tr>
<tr>
<th>お問い合わせ内容<br /></th>
<td><textarea name="お問い合わせ内容" cols="50" rows="8"></textarea></td>
</tr>
</table>
<p align="center">
<input type="submit" value=" 確認 " /> <input type="reset" value="リセット" />
</p>
</form>
ーーーーーー切り取りココマデーーーーーーーーーーーーーーーーーーーーーーー
手順4.mail.phpの編集
PHPを開いて編集するためには、ソフトが必要です。
私はTeraPadを使っています♪
TeraPadをダウンロードしてインストールしたら、
mail.phpを開きます。
修正箇所・・・
36行目:$site_top = "http://www.php-factory.net/";⇒URLを任意サイトURLに変更します。
39行目:$to = "xxxxxxxxxx@xxx.xxx"⇒メールアドレスを自分のに変更します。
基本的にこれだけです♪
修正が終わったら、”上書き保存”をして終了します。
他にも設定できる項目があるので、試してみてください^^
手順.5 アップロード
サーバーへファイルをアップロードします。
ここで注意ですが、シリウスで作ったページ(仮にmail.htmlとします)と
mail.phpは同じ階層に保存します。
※mail.phpが別階層の場合・・・
mail.htmlの
<form method="post" action="mail.php">
部分のaction先をmail.phpが保存されている場所に変更します。
action="保存先/mail.php"
手順6.動作確認
このサイトのお問い合わせ画面のようになったと思います。
実際に出来たメールフォームに実際に送ってみましょう♪
如何でしたか?
今回メールフォームはデフォルトそのままで紹介しましたが、
住所入力やカナ入力欄などもいろいろとカスタマイズできるので
上級者は試してみましょう。
頑張ってみてくださいね☆