//AdSenseにリンク

ワードプレスお問合せフォームのカスタマイズ【Contact Form 7】

2021-10-09

完成形

お問合せフォーム【Contact Form 7】のカスタマイズ

このプラグインのカスタマイズ

デフォルトのページ

もう少し分かりやすくカスタマイズ

場所

お問い合わせ>コンタクトフォーム

新規作成

<table class="cf7_table">
<tr>
<th>お名前</th>
<td>[text* your-name placeholder "例:ぴよ山 ぴよ太"]</td>
</tr>
<tr>
<th>メールアドレス</th>
<td>[email* your-email placeholder "例:××@××.com"]</td>
</tr>
<tr>
<th>【確認用】メールアドレス</th>
<td>[email* your-email placeholder "例:上記と同じアドレスを確認のため記入××@××.com"]</td>
</tr>
<tr>
<th>題名</th>
<td> [text your-subject placeholder "例:お仕事の依頼について"]</td>
</tr>
<tr>
<th>お問い合わせ内容</th>
<td class="message-100">[textarea* your-message placeholder "例:ほげほげほげほげ、ほげほげほげほげ。"]</td>
</tr>
</table>
<p class="cf7_btn">[submit "送信する ▶"]</p>

そのまま右側にある「保存」ボタンをクリックする

タイトルの下に出るショートコードをコピーする

固定ページ>新規作成>タイトル記入(お問い合わせ)>ショートコード>コピペしたショートコードを入れる>公開

※この画像のショートコードは番号は違ってます

完成

送信ボタンの変更は後日するよ!