【XSERVER】Contact Form 7 のメールを SMTP で送信する設定手順（WP Mail SMTP）
Contact Form 7（お問い合わせフォーム）は便利ですが、環境によっては「フォーム送信メールが届かない」「迷惑メールに入りやすい」といったトラブルが起きることがあります。
この記事では、XSERVER を利用しているクライアントサイトを想定し、WordPress からの送信を SMTP（メールサーバー経由の送信） に切り替えることで、メール到達率を安定させる手順を解説します。
ゴール：WP Mail SMTP のテストメールが送信でき、Contact Form 7 のフォーム送信でも「管理者宛メール」「自動返信メール」が想定どおりに届く状態を作ります。
この記事で行うのは、次の2点です。
1つ目は、XSERVER 側で SMTP 送信に使うメールアドレス（送信元）を用意し、SMTP 情報を確認すること。
2つ目は、WordPress 側（WP Mail SMTP と Contact Form 7）を整えて、フォーム送信メールが届く状態にすることです。
2. 作業に入る前の前提条
2-1. 前提条件
Contact Form 7 はすでにインストール・有効化されている前提で進めます。
また、次の2つにログインできる状態が必要です。
XSERVER の「サーバーパネル」
WordPress の管理画面
2-2. SMTP とは
SMTP（Simple Mail Transfer Protocol）は、メール送信の仕組みです。
WordPress 標準の送信ではなく、メールサーバーに「送信者としてログイン」して送る形にすることで、送信元が明確になり、届きやすくなるケースがあります。
3. 作業の全体像
作業は「XSERVER 側の準備」→「WordPress 側の SMTP 設定」→「Contact Form 7 のメール調整」→「テスト」の順番で進めると迷いにくくなります。
| 作業順 | どこで作業するか | ここでの成果物 |
|---|---|---|
| 01 | XSERVER サーバーパネル | 送信元メールアドレス、パスワード |
| 02 | XSERVER サーバーパネル | SMTP ホスト、ポート、暗号化方式の目安 |
| 03 | WordPress 管理画面 | WordPress から SMTP 送信できる状態 |
| 04 | WordPress 管理画面 | From / Reply-To が破綻しないメール |
| 05 | ブラウザ・メール受信箱 | 納品前の動作確認完了 |
4. XSERVER 側で SMTP 送信の準備をする方法
4-1. 送信に使うメールアドレス（送信元）を決める
クライアント案件では、フォーム送信メールの送信元（From）に何を使うかで、運用の安心感が変わります。
基本方針として、サイトのドメインのメールアドレス（例：info@example.com）を送信元にする設計が扱いやすいです。
ポイント：送信元（From）は「サイト管理側のメールアドレス」に寄せ、ユーザーが入力したメールアドレスは返信先（Reply-To）に入れる設計にすると、運用で混乱しにくくなります。
フォームの「送信元」に、ユーザーのメールアドレスを入れた方が自然な気がします…
返信は「Reply-To」でコントロールできます。送信元はサイト側に固定しておくと、到達率と運用の両方で安定しやすいです。
4-2. XSERVER でメールアカウントを作成する
XSERVER サーバーパネルで、送信元に使うメールアカウントを作成します。
作業の流れは次のとおりです。
| 手順 | 操作 | 補足 |
|---|---|---|
| 01 | XSERVER の「サーバーパネル」にログインします | 新旧デザインがある場合は、表示が近い方で問題ありません |
| 02 | 「メールアカウント設定」をクリックします | ここがメール周りの入口です |
| 03 | 「メールアカウント追加」をクリックします | 作成画面が開きます :contentReference[oaicite:4]{index=4} |
| 04 | メールアカウント（@より前）、パスワード等を入力し「追加する」をクリックします | パスワードはこのあと SMTP 設定で使います :contentReference[oaicite:5]{index=5} |
入力項目のうち、特に大切なのは「パスワード」です。
後工程で必ず必要になるため、クライアント案件では安全な場所に控えておく運用が安心です。:contentReference[oaicite:6]{index=6}
4-3. SMTP サーバー名・ポートを確認する
次に、WP Mail SMTP に入力する「SMTP サーバー名」や「ポート番号」を確認します。
XSERVER では、サーバーパネルの「メールアカウント設定」から「メールソフト設定」を開くと、POP/IMAP と SMTP のサーバー名が確認できます。:contentReference[oaicite:7]{index=7}
ポート番号は環境により選択肢があります。XSERVER 側の案内では、SMTP は 465（SSL/TLS）または 587（STARTTLS）が例として示されています。:contentReference[oaicite:8]{index=8}
この記事では、まず 465（SSL）を優先して試し、うまくいかない場合に 587（TLS）へ切り替える流れで説明します。
| 項目 | WP Mail SMTP 側で使う名前 | XSERVER で確認する場所 | 入力の考え方 |
|---|---|---|---|
| SMTP サーバー名 | SMTP Host | 「メールソフト設定」の SMTP サーバー名 | 表示された値をそのまま使います :contentReference[oaicite:9]{index=9} |
| ポート | SMTP Port | 「メールソフト設定」または案内値 | 465（SSL）/ 587（TLS）を使い分けます :contentReference[oaicite:10]{index=10} |
| ユーザー名 | SMTP Username | 作成したメールアドレス | 例：info@example.com |
| パスワード | SMTP Password | 作成時に設定したパスワード | 忘れた場合は再設定します |
5. WordPress で SMTP 送信を有効化する方法（WP Mail SMTP）
5-1. WP Mail SMTP をインストールする
WordPress 管理画面で「プラグイン」→「新規追加」を開きます。
検索欄に「WP Mail SMTP」と入力し、該当プラグインを「今すぐインストール」→「有効化」します。
有効化後、管理画面の左メニューに「WP Mail SMTP」が追加されます。
5-2. WP Mail SMTP の基本設定（From Email / From Name）
「WP Mail SMTP」→「Settings」（または「設定」）を開きます。
最初に From Email（送信元メールアドレス） と From Name（送信者名） を設定します。
公式ドキュメントでも、From Email を SMTP 送信に使うアドレスとして設定し、必要に応じて Force を有効にする説明があります。:contentReference[oaicite:11]{index=11}
| 項目 | 入力例 | 意図 |
|---|---|---|
| From Email | info@example.com | サイトから送るメールの「送信元」を統一します |
| Force From Email | 有効（推奨） | Contact Form 7 など他プラグイン側の From を上書きしてブレを防ぎます :contentReference[oaicite:12]{index=12} |
| From Name | 会社名 / サイト名 | 受信者に分かりやすい表示名にします |
| Force From Name | 必要に応じて有効 | サイト全体で表示名を統一したい場合に使います :contentReference[oaicite:13]{index=13} |
Return Path（Return-Path を From と一致させる設定）がある場合は、有効にしておくとバウンス（送信失敗）が検知しやすくなる、という説明があります。:contentReference[oaicite:14]{index=14}
クライアント案件で「届かない」を早めに検知したい場合は、有効化が役立つことがあります。
5-3. Mailer に「Other SMTP」を選ぶ
次に Mailer（メーラー）で「Other SMTP」を選択します。
選択すると、SMTP Host や Port などの入力欄が表示されます。:contentReference[oaicite:15]{index=15}
注意：Other SMTP は WordPress 管理画面にメールのログイン情報を保存する方式です。管理者権限の共有が多いサイトでは、権限設計と情報管理に注意してください。:contentReference[oaicite:16]{index=16}
5-4. XSERVER の SMTP 情報を入力する
XSERVER 側で確認した値を、WP Mail SMTP の入力欄に反映します。
入力の対応関係は次の表のとおりです。
| WP Mail SMTP の項目 | 入力する内容 | 迷いやすいポイント |
|---|---|---|
| SMTP Host | XSERVER の SMTP サーバー名 | サーバーパネルの「メールソフト設定」に表示される値を使用します :contentReference[oaicite:17]{index=17} |
| Encryption | SSL または TLS | 465 の場合は SSL、587 の場合は TLS を目安にします :contentReference[oaicite:18]{index=18} |
| SMTP Port | 465 または 587 | まず 465 を試し、接続不可なら 587 に切り替えます :contentReference[oaicite:19]{index=19} |
| Authentication | ON | 多くの環境で必須です :contentReference[oaicite:20]{index=20} |
| SMTP Username | 作成したメールアドレス | メールアカウント名ではなく、メールアドレス全体を使います |
| SMTP Password | 作成時のパスワード | 間違いやすいので、コピペ後に前後の空白を確認します |
設定後は「Save Settings」（保存）で反映します。
5-5. テストメールを送信する
まずはフォームではなく、WP Mail SMTP のテスト送信機能で「WordPress から送れる」状態を確認します。
公式ドキュメントでは、「WP Mail SMTP」→「Tools」→「Email Test」からテストメールを送れる案内があります。:contentReference[oaicite:21]{index=21}
テスト送信で確認したいのは、次の3点です。
テストメールが受信箱に届くこと、迷惑メールフォルダに入っていないこと、差出人表示が想定どおりになっていることです。
6. Contact Form 7 のメール設定を整える方法
WP Mail SMTP のテストが成功したら、次は Contact Form 7 側の「メール」設定を整えます。
ここが崩れていると、SMTP 自体は動いていても「返信先が変」「送信元が不自然」といった運用トラブルにつながります。
6-1. 「メール(1)」（管理者宛の通知メール）を整える
WordPress 管理画面の「お問い合わせ」→対象フォーム→「メール」タブを開きます。
次の考え方で整えると、クライアント運用が安定しやすくなります。
基本方針：送信元（From）はサイト管理側のメールアドレスにし、返信先（Reply-To）にユーザーのメールアドレスを入れます。
これにより、管理者がメールソフトで「返信」を押したときに、ユーザー宛に返信しやすくなります。:contentReference[oaicite:22]{index=22}
設定例は次のとおりです（フォームのタグ名はサイトによって異なるため、実際のタグに合わせてください）。
| Contact Form 7 項目 | 設定例 | 意図 |
|---|---|---|
| 送信先（To） | クライアントが受け取るアドレス | 例：support@example.com または受信用の転送先 |
| 送信元（From） | サイト管理側アドレス | 例：サイト名 info@example.com |
| 題名 | お問い合わせがあったことが分かる件名 | 例：【サイト名】お問い合わせ |
| 追加ヘッダー | Reply-To: ユーザーのメール | Reply-To: [your-email] の形がよく使われます :contentReference[oaicite:23]{index=23} |
6-2. 「メール(2)」（自動返信メール）を整える
ユーザーに自動返信を送りたい場合は、「メール(2)」を有効にします。
XSERVER の解説でも「メール（2）を使用」にチェックを入れて設定を行う手順が紹介されています。:contentReference[oaicite:24]{index=24}
自動返信メールは、送信先がユーザー、送信元がサイト管理側になるように設計します。
本文は「受付確認」であることが伝わる文章にしておくと、誤解が減ります。
| Contact Form 7 項目 | 設定例 | 意図 |
|---|---|---|
| 送信先（To） | [your-email] | フォーム入力者宛に送ります :contentReference[oaicite:25]{index=25} |
| 送信元（From） | サイト名 info@example.com | サイトからの返信であることを明確にします |
| 題名 | 受付確認だと分かる件名 | 例：【サイト名】お問い合わせありがとうございます |
| 追加ヘッダー | 必要に応じて設定 | 返信を受ける先を決めたい場合に使用します |
6-3. フォーム送信で最終テストを行う
最後に、実際のフォームからテスト送信します。
確認したいのは、次のような「運用上の正しさ」です。
管理者宛の通知メールが届くこと
「返信」を押したときに、宛先がユーザーのメールアドレスになること（Reply-To が効いていること）:contentReference[oaicite:26]{index=26}
自動返信を有効にした場合、ユーザー宛にも届くこと
迷惑メールフォルダに入っていないこと
7. うまくいかないときの切り分け（トラブルシューティング）
SMTP 設定は「少しの入力違い」で止まりやすい作業です。
次の表の順番で確認すると、切り分けがしやすくなります。
| 症状 | 起きやすい原因 | 確認・対処 |
|---|---|---|
| WP Mail SMTP のテストメールが送れない | SMTP Host / Port / Encryption の不一致 | XSERVER サーバーパネルの「メールソフト設定」を見直し、465（SSL）と 587（TLS）を切り替えて再テストします :contentReference[oaicite:27]{index=27} |
| 認証エラー（Could not authenticate） | ユーザー名・パスワード違い | SMTP Username がメールアドレス全体になっているか、パスワードの前後に空白が入っていないか確認します :contentReference[oaicite:28]{index=28} |
| テストメールは届くが、フォーム送信メールが届かない | Contact Form 7 のメール設定が崩れている | 「メール」タブで From / Reply-To を見直し、WP Mail SMTP の Force From Email が有効か確認します :contentReference[oaicite:29]{index=29} |
| SMTP 接続ができない（タイムアウト等） | 環境側の制限 | ホスティング側が SMTP ポートを制限しているケースがあります。まずポート・暗号化の組み合わせを確認し、改善しない場合はサーバー側サポートも検討します :contentReference[oaicite:30]{index=30} |
8. クライアントへ引き渡すときの整理
納品後に「メールが急に届かなくなった」を減らすため、設定情報は引き渡し用に整理しておくと安心です。
特に、メールパスワードが変更された場合、WP Mail SMTP 側も更新が必要になります。:contentReference[oaicite:31]{index=31}
引き渡し用の控えとして、次の形でまとめておくと実務で扱いやすくなります。
| 項目 | 控える内容 | 共有の注意 |
|---|---|---|
| 送信元メールアドレス | info@example.com | 送信元の統一に使うため重要です |
| SMTP Host | sv***.xserver.jp など（実値） | サーバーパネル表示の値をそのまま控えます :contentReference[oaicite:32]{index=32} |
| Port / Encryption | 465/SSL または 587/TLS | 組み合わせで控えます :contentReference[oaicite:33]{index=33} |
| SMTP パスワード | 作成時の値 | 共有範囲を最小化し、安全に管理します :contentReference[oaicite:34]{index=34} |
| 受信先（To） | クライアントが見る受信箱 | 実運用に合わせて調整します |
| 自動返信の有無 | 有効/無効、文面 | 誤解が起きない文面にします |
9. よくある質問
9-1. クライアントは Gmail で受信したいのですが、送信元も Gmail にした方がよいですか？
受信（To）を Gmail にするのは運用としてよくあります。
一方で送信元（From）は、サイトのドメインのメールアドレスにしておくと、設定が崩れにくく管理もしやすくなります。
9-2. SMTP 設定後に、急に届かなくなることはありますか？
メールパスワード変更などがきっかけで、SMTP 認証が失敗することがあります。
その場合は、WP Mail SMTP 側の SMTP Password を更新し、テストメールから再確認します。:contentReference[oaicite:35]{index=35}
10. まとめ
この記事では、XSERVER 環境で Contact Form 7 の送信メールを SMTP 化する手順を、XSERVER 側の準備から WordPress 側の設定、テストまで通しで解説しました。
納品前に、WP Mail SMTP のテストメールとフォーム送信テストの両方を確認しておくと、クライアント運用でのトラブルが減らせます。
最後のチェック：WP Mail SMTP のテストが成功していること、Contact Form 7 の From と Reply-To が想定どおりになっていること、この2点が確認できれば納品に進みやすくなります。