セクション(ブロークングリッド)のスマホ・タブレットでの表示崩れについて

0
Who liked: No user
  • このトピックには4件の返信、2人の参加者があり、最後にOlein_jpにより3年、 7ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #71820
    Olein_jp
    参加者
    565

    【お使いの Snow Monkey のバージョン】14.0.2
    【お使いの Snow Monkey Blocks のバージョン】11.0.1
    【お使いの Snow Monkey Diet のバージョン】0.6.1
    【お使いの Snow Monkey Editor のバージョン】5.0.0
    【お使いの Snow Monkey Forms のバージョン】1.5.0
    【お使いのブラウザ】Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36
    【当該サイトのURL】 https://happy-snow-monkey.olein-design.com/test-of-broken-grid

    ### 発生している問題
    セクション(ブロークングリッド)を利用してレイアウトを作成した際に、デフォルト設定のままテキストと画像を設置し、【モバイルの並び順】を【画像→テキスト】にした際に、以下の添付画像のように、画像にテキストエリアが重なってしまったり、下部のテキスト部分が見切れてしまったりする現象が発生しました。

    ### 試したこと

    共有可能ページを作成してiOS実機で現象確認済みです。

    CSSを重ねることで対応することは可能かと思いますが、Blocksの方で対応した方が良いのかな?とも思いましてトピック作成させていただきました。

    0
    Who liked: No user
    #71870
    アバター画像キタジマ タカシ
    参加者
    2421

    画像にテキストエリアが重なってしまったり、下部のテキスト部分が見切れてしまったりする現象が発生しました。

    「画像にテキストエリアが重なる」のは仕様です。モバイルでもブロークンな感じを出すためにそのような形にしています。確かに写真によってはかなり見えづらくはなっちゃいますね…。

    「下部のテキスト部分が見切れている」のはバグなので調査して修正いれます!

    0
    Who liked: No user
    #71877
    Olein_jp
    参加者
    565

    「画像にテキストエリアが重なる」のは仕様です。モバイルでもブロークンな感じを出すためにそのような形にしています。確かに写真によってはかなり見えづらくはなっちゃいますね…。

    なるほど!了解です!

    そちらは画像とテキストが重なった際に視認性の落ちる場合には、別途個別にモバイルのみ背景半透明とかを入れるとかで対応した方がよさそうですね!その方向で進めます!

    「下部のテキスト部分が見切れている」のはバグなので調査して修正いれます!

    ご確認ありがとうございます!

    0
    Who liked: No user
    #71911
    アバター画像キタジマ タカシ
    参加者
    2421

    v11.0.2 で修正してみました。お手すきのときに確認してみてください!

    1
    Who liked: No user
    #71933
    Olein_jp
    参加者
    565

    テキストが切れてしまう部分の修正、確認できました!ありがとうございます!

    トピック閉じさせていただきます。

    1
    Who liked: No user
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「セクション(ブロークングリッド)のスマホ・タブレットでの表示崩れについて」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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