シンプルに以下のようなinputを設置した場合、Windowsでは入力値は左寄せで表示されるのですが、iPhoneやiPadだと中央寄せになってしまいます。 こんな感じです↓ Safariだけでなく、Chromeでも中央…
iPhoneやiPadでinput[type=”date”]の入力値を左寄せにする方法
![iPhoneやiPadでinput[type=”date”]の入力値を左寄せにする方法](https://techmemo.biz/wp-content/uploads/2022/09/ios-input-date.jpg "iPhoneやiPadでinput[type=”date”]の入力値を左寄せにする方法")
Contact Form 7に確認画面を追加するWordPressプラグイン「Confirm Plus Contact Form 7」
Confirm Plus Contact Form 7は、Contact Form 7のフォームに確認画面を追加してくれるWordPressプラグインです。開発元は、トラストリング株式会社さんです。 確認画面を追加するプ…
MW WP Formのエラーメッセージの表示位置を変更する方法
MW WP Formで必須項目などのバリデーションルールを追加した際に、表示されるエラーメッセージの位置を変更する方法をご紹介いたします。 必須項目に値を入力せずに送信しようとすると、「未入力です。」といったエラーメッセ…
input[type=”number”]に表示される矢印(スピンボタン)をCSSで非表示にする方法
![input[type=”number”]に表示される矢印(スピンボタン)をCSSで非表示にする方法](https://techmemo.biz/wp-content/uploads/2020/03/input-number-spin.jpg "input[type=”number”]に表示される矢印(スピンボタン)をCSSで非表示にする方法")
フォーム内で「<input type=”number”>」を使うと、デフォルトでは入力フォーム内に以下のような矢印(スピンボタン)が表示されます。矢印をクリックすることで数値を増減できます。…
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には、以下…