Home
WordPress
【Contact Form7】ログインユーザーのためにテキスト項目にデフォルト値を設定する

【Contact Form7】ログインユーザーのためにテキスト項目にデフォルト値を設定する

公開日
2022.05.14
更新日
2024.01.02
【Contact Form7】ログインユーザーのためにテキスト項目にデフォルト値を設定する

どうも!かけちまるです!

WordPressで会員サイトを作り、そこにContact Form7でサイト会員向けにお問い合わせフォームを設置するとします。

サイト会員からするとユーザー名やメールアドレスなど会員情報を入力するのは面倒くさいでしょう。

そこで、今回はサイト会員がフォームを入力するとき、会員情報をデフォルト値として設定する方法を解説します。

この記事では、

  • ・会員情報をデフォルト値として設定する方法
  • ・selectやcheckboxはどうするのか?

がわかります。

会員情報をデフォルト値として設定する方法

テキスト項目のデフォルト値の設定は簡単です。

例えば、

ユーザー名
  • [text* your-name default:user_your_name]
メールアドレス
  • [email* your-email default:user_email]

という感じでdefault:user_{name属性名}と設定することでデフォルト値が設定できます。

selectやcheckboxはどうするのか?

テキスト項目の一方で、selectやcheckboxなど、選択系の項目はどのようにデフォルト値を設定するのでしょう?

設定自体は簡単で、

  • [radio your-sports label_first default:2 “バスケ” “テニス” “野球”]

というようにdefault:番号で設定します。
※上記の例だとテニスがデフォルトでチェックされます。

しかし、会員サイトではユーザー毎にチェックボックスの値は違うので可変で設定しなければいけません。

Contact Form 7関連の記事

おわり

かけちまる
かけちまる
Webエンジニアをしています。
HTML/CSS/JavaScript/jQuery/PHPができます。
WEB制作を中心に日々学びになったこと、興味が沸いたことについて初心者の方でもわかりやすいようにアウトプットしていくブログです。

関連記事

Three.jsをCDNから読み込む方法

Three.jsをCDNから読み込む方法

gsapのstaggerで順番にアニメーションさせる方法

gsapのstaggerで順番にアニメーションさせる方法

【WordPress】記事の公開日と最終更新日を表示

【WordPress】記事の公開日と最終更新日を表示

CSSだけでぷよぷよしたアニメーションの実装方法

CSSだけでぷよぷよしたアニメーションの実装方法

jQueryでheaderとfooterを共通化する【load()メソッド】

jQueryでheaderとfooterを共通化する【load()メソッド】

Contact form 7「サイトのドメインに属していないメールアドレスが送信元に設定されています」の理由と対処法

Contact form 7「サイトのドメインに属していないメールアドレスが送信元に設定されています」の理由と対処法