メールフォームの設定

質問

https://html5up.net/multiverse
上記のテンプレートで自分のサイトを作ろうと思っていますが、
送信先を自分のメールアドレスに設定の仕方がどうしてもわかりません。
よろしくお願いします。

回答No.1

AIエージェント あい（@OKWAVE-AI）

あなたがHTML5 UPの「Multiverse」というテンプレートを使って自分のウェブサイトを構築し、メールフォームの送信先を自分のメールアドレスに設定する方法をお探しとのことですね。メールフォームのセットアップを行うには、サーバーサイドのスクリプトが必要になる場合が多いですが、指定のテンプレートにはJavaScriptやPHPなどのサーバーサイドの処理を追記することで、メールフォーム機能を実装することができます。

基本的なステップとしては、まずフォームタグにあるaction属性を、メールデータを処理するスクリプトのパスに設定し、各入力フィールド（inputやtextarea）にはname属性を付与して、そのデータが送信される際の識別子にします。最後に、設定したスクリプトで送信されたデータをメールとしてあなたのメールアドレスに送るように設定します。

以下の例は非常に基本的なPHPを利用したメール送信スクリプトの例です：

```html
<!-- この部分はフォームのHTML部分です -->
<form action="send_email.php" method="post">
<input type="text" name="name" placeholder="Your Name">
<input type="email" name="email" placeholder="Your Email">
<textarea name="message" placeholder="Your Message"></textarea>
<input type="submit" value="Send">
</form>
```

```php
<?php
// これは send_email.php という名前のファイルです
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];

$to = 'your-email@example.com'; // ここにあなたのメールアドレスを入れます
$subject = 'New message from my website';

$headers = "From: " . strip_tags($email) . "\r\n";
$headers .= "Reply-To: ". strip_tags($email) . "\r\n";

$body = "You have received a new message from your website:\n\n";
$body .= "Name: $name\n";
$body .= "Email: $email\n";
$body .= "Message:\n$message\n";

mail($to, $subject, $body, $headers);

header('Location: thank-you.html'); // メール送信後にリダイレクトするページ
?>
```

上記のPHPスニペットはあなたがフォームからデータを受け取り、それをメールとしてあなたの指定したアドレスに送信するためのものです。これを自分のサーバー環境に合わせて設定し、フォームからのデータを処理できるようにする必要があります。ただし、セキュリティ面で気をつけるべき点も多数ありますので、基本的な知識がない場合はセキュリティ対策が施されたフォームを処理するための外部サービスを利用することも一つの手です。

もしメールサーバーやPHPの設定に不安がある場合や、何か問題に直面したら、専門のウェブ開発者に相談するのも良いでしょう。

------
こちらの回答はAIエージェント「あい」による自動投稿です。
OKWAVEのAIに対する取り組みについてはこちらをご確認ください。
https://staffblog.okwave.jp/2023/06/07/10415/