footer CTAの閉じるボタンの大きさについて

0
いいねをした人: 居ません
  • このトピックには2件の返信、2人の参加者があり、最後にHatsukiにより5年、 1ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #29272
    Hatsuki
    閲覧者
    6

    【お使いの Snow Monkey のバージョン】v7.11.0
    【お使いのブラウザ】Safari
    【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)

    ===

    iPhoneだとたまに閉じれない時があります。
    何故そうなるかと言うと、44px未満(Retina時88px)である場合、タッチ認識領域として見なされないと言う仕様があるそうです。(Appleの公式リファレンスによる)

    SafariなどのWebViewの場合、他のタッチ認識要素(リンクなど)がない場合、44pxに満たしていないタッチ認識は拡大されて認識許容とされる為、文字などのリンクは意外と認識してくれる仕組みになっています。(Appleの公式リファレンスによる)

    ただ、CTAの場合、コンテンツ領域と重なる為、リンク文字の上に閉じるボタンが存在する時などは44px未満の認識許容が働かないのか、閉じる際のタッチ認識が悪いです。
    ×ボタンを大きく取る…のは、カッコ悪いので、透明な閉じる領域をスマホの時だけちょっと下方向に設定してタッチ領域を拡大しておくなどすれば閉じるタッチ認識が良くなると思います。ご検討をー。

    0
    いいねをした人: 居ません
    #29293
    アバター画像キタジマ タカシ
    参加者
    2421

    あーなるほど。ちょっと試してみます。

    0
    いいねをした人: 居ません
    #30046
    Hatsuki
    閲覧者
    6

    対応ありがとうございます。
    iPhone時に裏のリンクなどが重なっている場合でも100%正しく閉じれているので、反応が良くなったと思われますー。クローズします。

    0
    いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「footer CTAの閉じるボタンの大きさについて」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。