無料で使える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日　/　[最終更新日] 2019年11月5日　カテゴリー：WEBデザイン

この記事を書いた人

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

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

Follow @popodesign

最新情報をお届けします

同じカテゴリーの記事

WordPressでfont-weightが効かないWEBフォントを太字にする
CSSでWEB上のフォントを太字にするには、font-weightで指定する方法がありますが、一部のWEBフォントでは対応しておらず、太字にすることができません。今回はWordPressのグーテンベルク上の段落ブロック… [続きを読む]
Adobeソフトをお得に安く買う方法！画像付きで解説【ヒューマンアカデミー版】
デザイナーが仕事するなら必須のAdobeソフトですが、普通に公式サイトで買うと年間７万円以上かかって高い！ので、少しでも負担が減るよう通信講座「ヒューマンアカデミーたのまな」の学生になって学割を使えるようにしました。 … [続きを読む]
WEBデザイナーが印刷物制作・入稿に注意すること
WEBデザインの業務と印刷物のグラフィックデザインの仕事を同時進行で制作していると、うっかりミスが出やすいので自戒を込めて印刷物を制作する時の注意点をまとめてみました。カラーモードはRGBではなくCMYK… [続きを読む]
Adobe CCソフトをデジハリからお得に安く買う方法
デザインするなら必須のAdobeソフトですが、高機能な分お値段が高いのがネックです。ふつうにAdobeの公式サイトで購入すると、年間７万円以上しますからね。バナーや画像を作ったり、WEBデザインするだけならフリーソフ… [続きを読む]