フォーム内で「<input type=”number”>」を使うと、デフォルトでは入力フォーム内に以下のような矢印(スピンボタン)が表示されます。矢印をクリックすることで数値を増減できます。…
input[type=”number”]に表示される矢印(スピンボタン)をCSSで非表示にする方法
![input[type=”number”]に表示される矢印(スピンボタン)をCSSで非表示にする方法](https://techmemo.biz/wp-content/uploads/2020/03/input-number-spin.jpg "input[type=”number”]に表示される矢印(スピンボタン)をCSSで非表示にする方法")
Contact Form 7とGoogleスプレッドシートを連携できるWordPressプラグイン「CF7 Google Sheets Connector」
CF7 Google Sheets Connectorは、Contact Form 7のフォームとGoogleスプレッドシートを連携できるWordPressプラグインです。 CF7 Google Sheets Conne…
CSSでフォームのプレースホルダーの文字色を変更する方法
フォームの入力欄に表示されているプレースホルダーの色をCSSで変更する方法をご紹介いたします。 CSSでフォームのプレースホルダーの色を変更する方法 何も指定していない場合は、以下のように少し薄めの色でプレースホルダーが…
PHPの変数に入れた値をContact Form 7で送信する方法
テーマ内でPHPの変数に代入した値を、Contact Form 7で送信する方法をご紹介いたします。 若干の無理やり感はありますが、PHP+jQueryを使うので非常に柔軟な対応が可能です。 PHPの変数に入れた値をCo…
Contact Form 7でカスタムフィールドの値を送信する方法
参照しているページに設定されているカスタムフィールドの値を、Contact Form 7で送信する方法をご紹介いたします。 Contact Form 7では、フォームの設定を変更するだけで、簡単にカスタムフィールドの値を…
Contact Form 7からのメールが迷惑メールフォルダに振り分けられる場合の対処法
Contact Form 7で実装したフォームからのメールが、迷惑メールフォルダに振り分けられてしまう時の対処法をご紹介したいと思います。 フォームからのメールが迷惑メールになってしまう主な原因としては、以下2つが考えら…
ショートコードを挿入するだけで簡単にお問い合わせフォームを設置できるWordPressプラグイン「MW WP Form」
MW WP Formは、お問い合わせフォームを作成・管理することができるWordPressプラグインです。 非常に高機能で、自由度が高いフォームプラグインです。 MW WP Formの特徴 MW WP Formには、以下…
Contact Form 7の送信履歴を保存して管理画面上から確認することができるWordPressプラグイン「Flamingo」
Flamingoは、Contact Form 7で作成されたフォームからの送信履歴を保存し、管理画面上から確認することができるようになるWordPressプラグインです。 お問い合わせフォームから送信された内容を管理画面…
Contact Form 7のJavaScriptとCSSを必要なページでのみ読み込む方法
お問い合わせフォームを簡単に設置することができるContact Form 7。非常に便利なプラグインですね。 Contact Form 7をインストールすると、すべてのページでContact Form 7用のJavaSc…
textareaやinput要素で入力可能な文字数を表示することができるスクリプト「short-and-sweet」
short-and-sweetは、textareaやinputでmaxlengthが指定されている場合に、入力可能な残りの文字数を表示してくれるスクリプトです。jQueryなどにも依存せず、単体で動きます。 以下に簡単な…