無料で使えるPHPメールフォーム「MailForm01」の使い方
![mailform01](https://popo-design.net/wp/wp-content/uploads/2019/10/mailform.jpg)
ホームページを作るときに必要になるのがお問い合わせのメールフォームですが、HTMLで手打ちで作る場合だとWordPressなどのようにメールフォームのプラグインがなかったりします。
今回は無料から使える確認画面付きメールフォームの「MailForm01」の使い方をお伝えします。
HTMLサイトを作るときは、いつもお世話になっております。
まずはメールフォームをダウンロード
PHP工房さんの公式サイトから、メールフォームをダウンロードします。
![PHP工房サイト](https://popo-design.net/wp/wp-content/uploads/2019/10/mailform01-1024x528.jpg)
特に理由がなければ「UTF-8版」をダウンロードします。
![UTF-8版](https://popo-design.net/wp/wp-content/uploads/2019/10/mailform02.jpg)
ZIPファイル「MailForm01_utf8」を解凍したら、中身が2つあるのを確認します。
「contact.html」がメールフォームのページになるファイルで、
「mail.php」がフォームを動作させるファイルになります。
![メールフォームの内容](https://popo-design.net/wp/wp-content/uploads/2019/10/mailform03.jpg)
このメールフォームの良いところは、動作させるファイルが1つにまとまっているので編集が簡単にできます。
メールの送信先を変更する
「mail.php」をテキストエディタで開いて、メールの送信先とホームページのアドレスを変更します。
とりあえずここを変更するだけで、フォームが動かせます。
![アドレス変更](https://popo-design.net/wp/wp-content/uploads/2019/10/mailform04-1024x358.jpg)
自動返信メールも送信したい場合は、値を1に変更します。
本文や件名も書き換えられます。
必要に応じて、署名も追加できます。
![](https://popo-design.net/wp/wp-content/uploads/2019/10/mailform05-1024x721.jpg)
お問い合わせフォームを編集
「contact.html」をテキストエディタで開きます。
このまま使用することは少ないと思うので、必要に合わせてフォームの内容を書き加えます。
form〜formのタグを抜粋して、ご自身のサイトのページの埋め込むこともできます。
![お問い合わせ項目を編集](https://popo-design.net/wp/wp-content/uploads/2019/10/mailform06-1024x830.jpg)
実際のメールフォームの内容
![](https://popo-design.net/wp/wp-content/uploads/2019/10/mailform07.jpg)
編集が完了したら、FTPソフトで「contact.html」と「mail.php」のファイルをサーバーにアップロードします。
「contact.html」へアクセスして、フォームを入力してメールがちゃんと届けば完了です。
[公開日] 2019年11月5日 / カテゴリー:WEBデザイン
同じカテゴリーの記事
-
スマホで簡単撮影!ホームページ用の写真の撮り方
お店や仕事用のホームページで写真が必要だけど、何で撮影すればいいの? デジカメ?一眼レフ? と悩まれるかたは多いと思いま [続きを読む]
-
ブログが続かないときのネタ収集方法とコツ
お店や会社のブログを集客のために書こうと最初は意気込んでいたものの、3日とたたず続かない・・・書くことが無いし、何を書け [続きを読む]
-
ホームページに載せる写真を撮るおすすめカメラは何がいい?
ホームページに掲載する写真ですが、手持ちの資料が揃わないことも多く撮影が必要になることもあります。そんな時に撮影するカメ [続きを読む]
-
HTML無料テンプレートを制作しました【商用利用可・著作権表示フリー】
無料で使えるHTMLテンプレートを作りました。 URL:https://popo-design.net/template [続きを読む]
最新の投稿
2024年07月16日
2024年07月16日
2024年07月10日
2024年06月25日
2024年06月03日
カテゴリー
アーカイブ
![HTML無料テンプレートダウンロードサイト](https://popo-design.net/wp/wp-content/themes/popodesign/img/temp-banner.png)
![LINEスタンプ販売中](https://popo-design.net/wp/wp-content/themes/popodesign/img/line-banner.webp)
![Kindle電子書籍](https://popo-design.net/wp/wp-content/uploads/2022/07/kindle-banner.webp)