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制作を中心に日々学びになったこと、興味が沸いたことについて初心者の方でもわかりやすいようにアウトプットしていくブログです。

関連記事

【GSAP】タイムラインを使えば複雑なアニメーションを実装できる

【GSAP】タイムラインを使えば複雑なアニメーションを実装できる

SVGの背景色が変化するグラデーションのアニメーションを実装する方法

SVGの背景色が変化するグラデーションのアニメーションを実装する方法

Underscore.jsについて学ぶ

Underscore.jsについて学ぶ

【メンテナンス画面】LightStartの設定方法とデザインカスタマイズ

【メンテナンス画面】LightStartの設定方法とデザインカスタマイズ

CSS変数(カスタムプロパティ)の使い方

CSS変数(カスタムプロパティ)の使い方

WP REST APIを使用してWordPress記事を外部サイトで表示する方法

WP REST APIを使用してWordPress記事を外部サイトで表示する方法