【WordPress】「Contact form 7」を設定してみた！（CSSでデザインカスタマイズ・「reCAPTCHA v3」を使ったスパム対策も！）

<div style="margin: 30px 0;">
<center>こちらのフォームに必要事項をご記入の上「送信」してください。<br>後ほど、担当よりメールにてご連絡を差し上げます。</center>
</div>

<table class="CF7_table">

<tr>
<th><span class="CF7_req">必須</span> 氏名</th>
<td>[text* your-name watermark"例：鈴木 太郎"] </td>
</tr>

<tr>
<th><span class="CF7_req">必須</span> ふりがな</th>
<td>[text* your-name-kana watermark"例：すずき たろう"] </td>
</tr>

<tr>
<th><span class="CF7_req">必須</span> メールアドレス</th>
<td>[email* your-email watermark"例：xxx@xxx.com"]</td>
</tr>

<tr>
<th><span class="CF7_unreq">任意</span> 会社名</th>
<td>[text your-company watermark"例：◯◯ 株式会社"]</td>
</tr>

<tr>
<th><span class="CF7_req">必須</span> 電話番号</th>
<td>[text* your-tel watermark"例：03-1234-5678"]</td>
</tr>

<tr>
<th><span class="CF7_req">必須</span> お問い合わせの種別</th>
<td>[select* contact-menu "お問い合わせ" "その他"]</td>
</tr>

<tr>
<th><span class="CF7_req">必須</span>メッセージ本文</th>
<td class="message-100">[textarea* your-message watermark"お問い合わせ内容をご記入ください"]　</td>
</tr>

</table>


<div style="margin: 30px 0;">
<center><small>[acceptance accept-this-1 class:input2] スパムメール防止のため、こちらのボックスにチェックを入れてから送信してください。[/acceptance]</small></center>

<p class="CF7_btn">[submit "上記の内容で送信する"]</p>

<center><small>このサイトはreCAPTCHAによって保護されています。Googleの<a href="https://policies.google.com/privacy">プライバシーポリシー</a>と<a href="https://policies.google.com/terms">利用規約</a>が適用されます。</small></center>
</div>

[_site_title] で「[contact-menu]」がありました。

お問い合わせ内容をご確認の上、
ご対応をお願い致します。

-------------------------------------------------------------
※ 以下はお問い合わせの内容です。 
-------------------------------------------------------------

■氏名
　[your-name] （[your-name-kana]）様

■メールアドレス
　[your-email]

■会社名
 [your-company]

■電話番号
　[your-tel]

■お問い合わせの種別
　[contact-menu]

■お問い合わせ内容詳細
　[your-message]



送信元のIPアドレス：[_remote_ip]

送信元のユーザーエージェント：[_user_agent]


-- 
このメールは [_site_title] ([_site_url]) のお問い合わせフォームから送信されました
-------------------------------------------------------------
送信日時：[_date] / [_time]
-------------------------------------------------------------

==========================================
※ こちらは自動送信メールです。
==========================================

[your-name] 様


お世話になっております。
「[_site_title]」へお問い合わせ頂きまして、誠にありがとうございます。

以下の内容で、お受け付け致しました。
「2営業日」以内に担当者よりご連絡いたしますので、今しばらくお待ちくださいませ。



-------------------------------------------------------------
※ 以下はお問い合わせの内容です。 
-------------------------------------------------------------

■氏名
　[your-name] （[your-name-kana]）様

■メールアドレス
　[your-email]

■会社名
　[your-company]

■電話番号
　[your-tel]

■お問い合わせの種別
　[contact-menu]

■お問い合わせ内容詳細
　[your-message]


-------------------------------------------------------------
送信日時：[_date] / [_time]
-------------------------------------------------------------