ワードプレスお問合せフォームのカスタマイズ【Contact Form 7】
完成形
お問合せフォーム【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>そのまま右側にある「保存」ボタンをクリックする
タイトルの下に出るショートコードをコピーする
固定ページ＞新規作成＞タイトル記入（お問い合わせ）＞ショートコード＞コピペしたショートコードを入れる＞公開
完成
送信ボタンの変更は後日するよ！