「Contact Form 7」は、WordPressに簡単にフォームを設置できる便利なプラグインです。今回はContact Form 7で設置したフォームのformタグ部分に任意のclassやidを設定する方法を紹介します。
classやidを設定することで、自分好みのレイアウト等にカスタマイズしやすくなります。フォームの細かいカスタマイズをしたい際に活用してみてください。
classとidの設置方法
[contact-form-7 id="1111" title="コンタクトフォーム 1" html_id="contact-form" html_class="contact-form"]コンタクトフォーム設置用のショートコードに、クラスを追加したい場合は html_class を、idを追加したい場合は html_id を追加します。
html_class と html_id をどちらも記述することで、classとidを両方追加することも可能です。
