WordPressの「Contact Form 7」のフォーム要素にclass属性を追加する方法

Tweet

WordPressのプラグイン「Contact Form 7」で、フォームの個別要素にclass属性を追加してカスタマイズする方法。

• コンタクトフォームのスタイル指定

にある通り、「id:very-special-field」や「class:myclass」などを追加すれば良いが、順番が重要。

[number* your-number  min:1 max:20 placeholder "1"]

等の場合、一番最後に入れても正しく動作しない。
どこに入れるかというと、your-number、つまりnameの後ろ。

[number* your-number class:myclass min:1 max:20 placeholder "1"]

これでclass属性が追加され、うまく動作する。