サポート » プラグイン » Contact Form 7 5.2でiOS端末から日付入力できない

  • 解決済 saton

    (@saton)


    はじめまして。
    サイト移行により先月からWordPressを使い始めた初心者です。

    プラグイン「Contact Form 7」で申込みフォームを作成し
    ありがたく運用させていただいております。

    Contact Form 7は、バージョンを昨日最新の5.2へ更新しました。

    その後に気づいたのですが、iPhone(7と5)とiPad(Air2)のiOS端末だけが、日付入力ができません。
    (アンドロイド端末は持ち合わせていなくて未確認です)
    入力欄も何も表示されないので、選択も入力も何もすることができません。

    Windows10のPCでは、ChromeとEdge、Firefoxでの確認で、
    直接入力もカレンダー入力も問題有りません。

    日付は
    [date date-1 placeholder class:datesp ]から[date date-2 placeholder class:datesp ]まで
    をテーブルのtdタグ内に入れています。

    ちなみに
    [date date-1 placeholder class:datesp ]

    [date date-2 placeholder class:datesp ]
    を分離して別々のtdタグに入れて別の行表示にしてみましたがそれもだめでした。

    ネット上で調べた後、過去の類似内容を参考にし、

    function.php内へ
    add_filter( 'wpcf7_support_html5_fallback', '__return_true' );
    を追記するというのを見つけて試しましたが変化なしでした。
    追記したのは、子テーマのfunction.php内です。

    Contact Form 7 5.2の説明ページに「jQuery イベントの廃止」という記述がありましたので、その影響かもと想像しました。

    iPhoneやiPadなどスマホで日付入力出来るようにする方法をアドバイス願います。
    PC同様にカレンダー入力も直接入力もできるとすばらしいです。
    或いはiOS独自のカレンダー選択ができるようにするには?
    最悪でもテキスト入力による日付入力を可能にできれば助かります。
    必須にあたる項目なので。

    iOS端末でも日付入力を可能にする方法をアドバイスください。
    どうかよろしくお願いいたします。

    (各バージョン)
    WordPressバージョン:5.4.2–ja
    サーバー:ロリポップスタンダード
    PHPバージョン:7.3(モジュール)
    データベースバージョン:MySQL5.6

    ヘルプの必要なページ: [リンクを見るにはログイン]

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • モデレーター Takayuki Miyoshi

    (@takayukister)

    他にプラグインは何を使っていますか? テーマは何を使っていますか?

    スレッド開始 saton

    (@saton)

    ありがとうございます。
    下記の通りです。よろしくお願いします。

    【使用プラグイン】
    1)Classic Editor
    2)Duplicator
    3)Dynamic Watermark
    4)Extend Media Upload
    5)Featured Image by URL
    6)Flamingo
    7)FooBox Image Lightbox
    8)Google XML Sitemaps
    9)Invisible reCaptcha
    10)Organize Media Library by Folders
    11)PS Auto Sitemap
    12)SiteGuard WP Plugin
    13)Table of Contents Plus
    14)UpdraftPlus – バックアップ/復元
    15)WebSub/PubSubHubbub
    16)WP Mail SMTP
    17)zipaddr-jp

    ※1 16)のプラグインはサーバーへアップした後は、常時「無効」状態です。
    ※2 14)は本現象の判明後に昨日導入したばかりです。
    ※3 上記全プラグインのうち、3)と9)、12)、15)は、それぞれ「無効化」したのち動作確認してみましたが変化はありませんでした。

    【使用テーマ】
    Diver

    以上です。
    よろしくお願いいたします。

    モデレーター Takayuki Miyoshi

    (@takayukister)

    テーマをデフォルトテーマに切り替え、Contact Form 7、Classic Editor、Flamingo、WP Mail SMTP を除いたすべてのプラグインを無効化して再度試してみてください。

    どうして全プラグインを無効化してデフォルトテーマに切り替えるよう勧められるのか

    スレッド開始 saton

    (@saton)

    ご指示ありがとうございます。
    承知しました。

    といっても…
    本番環境でいきなり試すには恐怖感が大です。

    無知未熟部分を調べつつ、一つ一つ慎重に行う必要性を感じます。
    まずはローカル環境で試してみます。

    また経過や結果報告いたしますが、他に注意点などございましたらご指摘ください。

    スレッド開始 saton

    (@saton)

    こんばんは。
    いくつか試してみたところほぼ結果が出たように思います。

    結論からいいますと、テーマの問題のようです。

    サーバー上の本番環境においての確認です。
    最終的に、プラグインの有効無効は全て上記と全く同じ状態にした上で、
    「Twenty Twenty」テーマを有効にしてみたところ、
    手持ちのiPhoneでもiPadでも日付入力が出来ました。
    入力方式は、iOSのダイヤル式カレンダー(?)でした。

    その後にまた「Diver」テーマに戻したところ、
    やはり手持ちのiOS端末では日付入力が不能になってしまいました。
    (ちなみに、サイドバーやフッター等のウィジット設定が変わってしまいました。
    これからバックアップによる復元を試みます。)

    上記結論へ至る経緯の報告をします。

    本番環境としてサーバーへアップする以前の、古いローカル環境を3つほど残していました。
    まず、それらで確認作業を行いました。

    ローカル上に残しておいたサーバーアップ前の古いサイト環境では、
    いずれもiOS端末で日付入力ができました。
    (Contact Form 7のバージョンは5.1.9です)
    他のプラグインもいくつか旧バージョンがありましたがひとまずそのままで保留。

    次に、サーバーの本番環境をローカルへ移植して検討することを考えました。
    Contact Form 7 5.2へ更新する直前にとっておいたDuplicatorバックアップがあったので、
    それを使って、ローカル環境へ移植して確認してみました。
    Contact Form 7のバージョンは 5.1.9で、それ以外のプラグインのバージョンと有効無効状態は全く同様です。

    その環境でiOS端末で日付入力確認ししたところ、入力できました。

    ということで、今度は本番環境のContact Form 7のバージョンダウンを考えました。
    本番環境のバージョンを5.1.9へ戻してiOS端末で日付入力確認してみると、
    入力不能でした。

    この段階でまた振り出しに戻ったようで困りました。

    ここで、ちょっと気になっていたことがありました。

    ローカル環境でiOS端末による動作確認をWiFi経由で行っていたのですが、
    そのiOS端末での表示だけが、デザイン崩れをおこしていました。

    サイト上部のメニューなどがテーマのデザインが適用されていないような状態です。
    そのことが気になってテーマを疑いはじめました。

    一応ローカルで一度テーマを切り替えての動作確認をしたのち、
    本番環境のテーマを「Twenty Twenty」に切り替えてみたところ、
    iOS端末で日付入力ができました!
    デザインが戻らないことを見落としたままやってしましました…
    という流れです。

    長くなりましたが以上が経過報告です。

    以降、この問題に関する問い合わせ相談はテーマへということですね?
    その際にContact Form 7 5.2についての補足事項などありませんでしょうか?

    アドバイスいただければ幸いです。

    • この返信は10ヶ月、 1週前にsatonが編集しました。理由: 間違って途中でエンター送信してしまいました
    スレッド開始 saton

    (@saton)

    結果報告です。

    本日、テーマ「Diver」さんへ問い合わせました。
    詳細報告と同時にサポート依頼です。

    とてもすばやく対応いただきました。

    数回のやりとりの後、CSSを調整いただいたようです。
    その修正テーマをあてた結果、iOS端末でも日付が選択できるようになりました。
    感謝です。

    Takayuki Miyoshi様にも
    早急な対応と適切なアドバイスいただき、とても助かりました。

    ありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「Contact Form 7 5.2でiOS端末から日付入力できない」には新たに返信することはできません。