WPプラグイン Contact Form 7 デザインのカスタマイズ | hijiriworld Web言わずと知れた WordPress にコンタクトフォームを設置するプラグイン「Contact Form 7」のデザインのカスタマイズ方法です。 フロントエンドの開発セオリーを知っている人にとってはあたりまえの話ですが、迷える子羊のために。 Contact Form 7 の使い方については解説しません。ググってください。 Contact Form 7 のテンプレートは以下のように設定した前提で解説します。 マークアップ構造を分析 初期状態 <div class="wpcf7" id="wpcf7-f49-p2-o1"> <form action="/wordpress/contac/#wpcf7-f49-p2-o1" method="post" class="wpcf7-form"> <div style="display: none;"> ... </div> <dl> <dt>名前 (必
