Contact Form 7のフォーム内で、ドロップダウンメニュー(セレクトボックス)に初期値「選択してください」を追加する方法をご紹介いたします。 ドロップダウンメニューを挿入した場合、デフォルトの状態だと最初の選択肢…
Contact Form 7のフォーム内で独自のショートコードを使えるようにする方法
独自に追加したショートコードをContact Form 7のフォーム内に記述してもそのまま出力されるだけで展開されません。 例えば、固定ページなどで使うために以下のようなサイトURLを返すショートコードを追加することがよ…
Contact Form 7で選択肢によってメールの送信先を変更する方法
Contact Form 7のフォーム内にある選択肢によって、メールの送信先を変える方法をご紹介いたします。 例えば、お問い合わせ種別によって部署ごとのメールアドレス宛に送信するといったフォームを作成できます。 Cont…
WP Mail SMTPでGmailを利用してメールを送信するための設定手順
WordPressのプラグイン「WP Mail SMTP」で、Gmailを利用してメールを送信するための設定手順をご紹介いたします。 Gmailを利用する場合、Google Cloud PlatformでクライアントID…
フォームで入力可能な残りの文字数をカウントして表示できるjQueryプラグイン「maxlength plugin」
maxlength pluginは、フォームのinputやtextareaのmaxlengthを読み取って、残りの入力可能な文字数を表示できるjQueryのプラグインです。 文字数のカウントはリアルタイムで更新されていき…
Contact Form 7の送信内容に連番やタイムスタンプを追加できるWordPressプラグイン「Serial Number for Contact Form 7」
Serial Number for Contact Form 7は、Contact Form 7の送信内容に連番やタイムスタンプ、ユニークIDなどを追加できるWordPressプラグインです。 お問い合わせに受付番号を付…
Contact Form 7で送信完了画面へのリダイレクト時に送信内容を取得する方法
Contact Form 7で作成したフォームで、送信完了画面に遷移させつつ、送信内容の一部を完了画面に表示させたいという要望がありました。 意外と今後も実装することが出てくるかもしれないと思ったので、実装内容を備忘録と…
Contact Form 7のフォームに自動挿入されるpタグやbrタグを削除する方法
Contact Form 7で作成したフォームでは、段落(pタグ)や改行(brタグ)が自動挿入されるようになっています。 HTML/CSSでコーディングされたフォームから作成すると、意図しないタグが入ることによりレイアウ…
EC-CUBE4のお問い合わせフォームに独自の項目を追加する方法
EC-CUBE4でお問い合わせフォームに独自の項目を追加する方法をご紹介いたします。 以下のように「お問い合わせ内容」と「会社名」という項目を追加したいと思います。 お問い合わせ項目を追加した環境 今回お問い合わせ項目を…
Contact Form 7のお問い合わせフォームに条件付きで表示する項目を追加できるWordPressプラグイン「Conditional Fields for Contact Form 7」
Conditional Fields for Contact Form 7は、Contact Form 7のお問い合わせフォームに条件分岐を追加できるWordPressプラグインです。指定した条件を満たす場合にのみ表示す…