無料で使えるPHPメールフォーム「MailForm01」の使い方
ホームページを作るときに必要になるのがお問い合わせのメールフォームですが、HTMLで手打ちで作る場合だとWordPressなどのようにメールフォームのプラグインがなかったりします。
今回は無料から使える確認画面付きメールフォームの「MailForm01」の使い方をお伝えします。
HTMLサイトを作るときは、いつもお世話になっております。
まずはメールフォームをダウンロード
PHP工房さんの公式サイトから、メールフォームをダウンロードします。
特に理由がなければ「UTF-8版」をダウンロードします。
ZIPファイル「MailForm01_utf8」を解凍したら、中身が2つあるのを確認します。
「contact.html」がメールフォームのページになるファイルで、
「mail.php」がフォームを動作させるファイルになります。
このメールフォームの良いところは、動作させるファイルが1つにまとまっているので編集が簡単にできます。
メールの送信先を変更する
「mail.php」をテキストエディタで開いて、メールの送信先とホームページのアドレスを変更します。
とりあえずここを変更するだけで、フォームが動かせます。
自動返信メールも送信したい場合は、値を1に変更します。
本文や件名も書き換えられます。
必要に応じて、署名も追加できます。
お問い合わせフォームを編集
「contact.html」をテキストエディタで開きます。
このまま使用することは少ないと思うので、必要に合わせてフォームの内容を書き加えます。
form〜formのタグを抜粋して、ご自身のサイトのページの埋め込むこともできます。
実際のメールフォームの内容
編集が完了したら、FTPソフトで「contact.html」と「mail.php」のファイルをサーバーにアップロードします。
「contact.html」へアクセスして、フォームを入力してメールがちゃんと届けば完了です。
[公開日] 2019年11月5日 / カテゴリー:WEBデザイン
同じカテゴリーの記事
-
SWELLのトップへ戻るボタンを画像に変更する方法
WordPressテーマの「SWELL」のページ下、「ページトップへ戻るボタン」を画像に変更する方法を記載します。テーマ [続きを読む]
-
Adobe CCソフトをデジハリからお得に安く買う方法
デザインするなら必須のAdobeソフトですが、高機能な分お値段が高いのがネックです。 ふつうにAdobeの公式サイトで購 [続きを読む]
-
WEBデザイナーが印刷物制作・入稿に注意すること
WEBデザインの業務と印刷物のグラフィックデザインの仕事を同時進行で制作していると、うっかりミスが出やすいので自戒を込め [続きを読む]
-
WordPressで英語サイトの作り方【Poeditの翻訳・使い方】
WordPressで英語サイトを作る機会がありましたので、備忘録としてまとめてみました。 私の英語力は全くないのですが、 [続きを読む]
最新の投稿
2024年11月12日
2024年10月31日
2024年10月31日
2024年10月17日
2024年10月02日