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

関連記事

【CSSのみ】指定行数を超えたテキストを非表示にする方法

【CSSのみ】指定行数を超えたテキストを非表示にする方法

【Contact Form 7】自動で挿入されるpタグやbrタグを削除する方法

【Contact Form 7】自動で挿入されるpタグやbrタグを削除する方法

bxSliderのデザインカスタムと不具合の対処

bxSliderのデザインカスタムと不具合の対処

【縦横比を保つ】YouTube埋め込みをレスポンシブ対応にする

【縦横比を保つ】YouTube埋め込みをレスポンシブ対応にする

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

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

UNPKGの使い方~npmで公開済のパッケージを使えるCDNサービス~

UNPKGの使い方~npmで公開済のパッケージを使えるCDNサービス~