Last active
January 10, 2021 01:08
-
-
Save norilog4/4cd79e3d02deebd1c52a807e6bb25cfb to your computer and use it in GitHub Desktop.
Contact Form 7 お問い合わせフォームのデザイン
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<table class="inquiry"> | |
<tr> | |
<th> | |
<span class="haveto">必須</span><span>お名前</span> | |
</th> | |
<td> | |
[text* your-name class:textsp placeholder"鈴木 花子"] | |
</td> | |
</tr> | |
<tr> | |
<th> | |
<span class="haveto">必須</span><span>メールアドレス</span> | |
</th> | |
<td>[email* your-email class:mailsp placeholder"xxxxx@gmail.com"]</td> | |
</tr> | |
<tr> | |
<th> | |
<span class="any">任意</span><span>電話番号</span> | |
</th> | |
<td> | |
[tel your-tel class:tel placeholder"090-0000-0000"] | |
</td> | |
</tr> | |
<tr> | |
<th> | |
<span class="haveto">必須</span><span>お問い合わせ種別</span> | |
</th> | |
<td> | |
[select* contact-menu include_blank "●●種別1●●" "●●種別2●●" "●●種別3●●" "●●種別4●●" "●●種別5●●"] | |
</td> | |
</tr> | |
<tr> | |
<th> | |
<span class="haveto">必須</span><span>お問い合わせ内容</span> | |
</th> | |
<td> | |
[textarea* your-message class:content placeholder "具体的なお問い合わせ内容をご記入ください"] | |
</td> | |
</tr> | |
</table> | |
<p>[acceptance accept-this-1 class:input2] スパムメール防止のため、こちらのボックスにチェックを入れてから送信してください。[/acceptance]</p> | |
<center>[submit id:formbtn "上記の内容で送信する"]</center> | |
<center><small>このサイトはreCAPTCHAによって保護されています。Googleの<a href = "https://policies.google.com/privacy">プライバシーポリシー</a>と<a href = "https://policies.google.com/terms">利用規約</a>が適用されます。</small></center> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
このカスタマイズ方法を紹介しているブログ記事はこちら
https://noripon.blog/2020/03/23/how-to-customize-contact-form-7-wordpress/