無料で使えるPHPメールフォーム「MailForm01」の使い方

ホームページを作るときに必要になるのがお問い合わせのメールフォームですが、HTMLで手打ちで作る場合だとWordPressなどのようにメールフォームのプラグインがなかったりします。

今回は無料から使える確認画面付きメールフォームの「MailForm01」の使い方をお伝えします。
HTMLサイトを作るときは、いつもお世話になっております。

まずはメールフォームをダウンロード

PHP工房さんの公式サイトから、メールフォームをダウンロードします。

特に理由がなければ「UTF-8版」をダウンロードします。

ZIPファイル「MailForm01_utf8」を解凍したら、中身が２つあるのを確認します。
「contact.html」がメールフォームのページになるファイルで、
「mail.php」がフォームを動作させるファイルになります。

このメールフォームの良いところは、動作させるファイルが１つにまとまっているので編集が簡単にできます。

「mail.php」をテキストエディタで開いて、メールの送信先とホームページのアドレスを変更します。
とりあえずここを変更するだけで、フォームが動かせます。

自動返信メールも送信したい場合は、値を１に変更します。
本文や件名も書き換えられます。
必要に応じて、署名も追加できます。

「contact.html」をテキストエディタで開きます。
このまま使用することは少ないと思うので、必要に合わせてフォームの内容を書き加えます。
form〜formのタグを抜粋して、ご自身のサイトのページの埋め込むこともできます。

実際のメールフォームの内容

編集が完了したら、FTPソフトで「contact.html」と「mail.php」のファイルをサーバーにアップロードします。

「contact.html」へアクセスして、フォームを入力してメールがちゃんと届けば完了です。

[公開日] 2019年11月5日 / カテゴリー：WEBデザイン

この記事を書いた人

ポポデザイン
西宮市在住のWEBクリエイター・グラフィックデザイナー・マーケター。ホームページの制作からディレクション、イラスト、SEOなど制作からユーザーのサポートまで幅広く、初心者のかたも分かりやすい対応を心がけております。(プロフィール)
Facebook｜X｜Instagram

この記事が気に入ったら
いいね！をお願いします

最新情報をお届けします

ウェブデザイン技能検定２級をこれから受験する人へ【対策方法】
ウェブ業界の中で、唯一の国家資格「ウェブデザイン技能検定」ですが、知名度がイマイチ高くないのかまだまだ認知されていないよ [続きを読む]
Font Awesomeアイコンの登録方法と使い方
Webページにアイコンを表示できる「Font Awesome」デザイン制作によく使われるようになったアイコンですが、アカ [続きを読む]
CyberduckのブックマークをMac間で移行する方法
Macで（Windowsも）手軽に使えるFTPソフトといえば「Cyberduck」ですが、複数のMacで使用する場合、こ [続きを読む]
SWELLのトップへ戻るボタンを画像に変更する方法
WordPressテーマの「SWELL」のページ下、「ページトップへ戻るボタン」を画像に変更する方法を記載します。テーマ [続きを読む]