wordpressホームページ運用

【WordPress】Contact form 7のカレンダーで日付選択(datepicker)をFIREFOXやIEに対応させる

【WordPress】致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。

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' );
    
【WordPress】Contact form 7で日付選択(date属性)をFIREFOXやIEに対応させる

「function.php」は、とても重要なファイルなので
不安な方は必ず子テーマを作成してから追記することをおすすめします。

作業前にバックアップもしておくと安心ですね。

簡単ですが、簡単な時ほど注意が必要です。(と自分に向けてです。笑)

(※作業に関する責任は負えません。くれぐれも自己責任の作業にてお願いいたします)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA