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

関連記事

【WordPress】画像アップ時に自動生成されないようにする方法

【WordPress】画像アップ時に自動生成されないようにする方法

【JavaScript】ボタンを押した時の効果音を実装する方法

【JavaScript】ボタンを押した時の効果音を実装する方法

【完全禁止は難しい】Webサイトの画像保存を禁止させる方法

【完全禁止は難しい】Webサイトの画像保存を禁止させる方法

【基本編】JavaScriptのマウスイベントでドラッグ&ドロップ機能を実装する

【基本編】JavaScriptのマウスイベントでドラッグ&ドロップ機能を実装する

【公式あり】jQueryでスクロール量に連動してアニメーションを実装する

【公式あり】jQueryでスクロール量に連動してアニメーションを実装する

画像の読み込み進度を%表示するオープニングアニメーション

画像の読み込み進度を%表示するオープニングアニメーション