contact-form7の申し込みフォームで表にチェックボックスを追加する方法

はじめに

先日、contact-form7の申し込みフォームで、表の中にチェックボックスを追加したいがやり方が分からないから困っているというご相談を受けました。

実際にWordPressにログインして1時間弱調べたのですが、やり方が分からず、納期が迫っている仕事もあったので結局対応をお断りすることになってしまいました。

後日実現できたので、方法を書いていきます。

今回実現できなかったご要望

表があり、その下にそれぞれのチェックボックスにチェックを入れるという状態で、表の中にチェックボックスを持ってきたいというご要望でした。

ご相談時の状態

講座内容の表に書いてある講座の中から自分が受けたい講座を探して、お申し込み講座(必須)のチェックボックスにチェックを入れて、送信ボタンを押すという状態でした。

ご要望

表の中にあるチェックボックスをクリックして送信ボタンを押せるようにしたいというご要望でした。

contact-form 7のチェックボックスを表に入れる方法

一度contact-formでチェックボックスを作成してから、出力されたHTMLを表の中に入れることで実現できました。

サンプルサイト

サンプルサイトURLはこちら

GitHub

GitHubリポジトリはこちら

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です