WordPressでお問い合わせフォームを設置する場合、
プラグイン「Contact form 7」を使っているサイトも多いですよね!
店舗などのサイトで、日付選択の項目を入れたい場合、
日付タグ[date]を使用すると、簡単にカレンダーで選択でき、入力してもらう手間が省けます。
ただFIREFOXやIEで見ると「あれっ?」ということに。
「日付選択できへん!」
FIREFOXやIEなどのブラウザでは、HTML5の「date属性」に対応しておらず(2018.10現在)、
text属性になってしまい、ただのテキストボックスとして表示されてしまいます。
テキストで記入してもらえばフォームとしては大丈夫ですが、
訪問者の事を考えると日付選択が便利。
少し手を加えるだけでカレンダーを実装できますので、お試しください。
対処方法
「外観」→「テーマの編集」画面より
テーマのための関数「function.php」に下記を追記するだけで実装されます。(※IE11、FIREFOXで確認)
add_filter( 'wpcf7_support_html5_fallback', '__return_true' );
「function.php」は、とても重要なファイルなので
不安な方は必ず子テーマを作成してから追記することをおすすめします。
作業前にバックアップもしておくと安心ですね。
簡単ですが、簡単な時ほど注意が必要です。(と自分に向けてです。笑)
(※作業に関する責任は負えません。くれぐれも自己責任の作業にてお願いいたします)