ブラウザによってトップ画像が崩れる。

0
いいねをした人: 居ません
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #59069
    snssenyou21@gmail.com
    閲覧者
    2

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

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

    ===

    ブラウザによってトップ画像が崩れます。

    自分の場合はSafariでくずれました。お客さんの場合はグーグルでみたらくずれたと言っていました。

     

     

    以下のものは自分のPCで確認したものです。

    グーグルクローム

    WindowsEdge

     

     

    Safari

     

    お客さんが送ってくれたものです。

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

    セクション(背景画像/動画)ブロックを使用されていると思いますが、このブロックに設定する画像はあくまで背景画像扱いで、エリアを覆い尽くすように引き伸ばされるので、画面サイズによってはトリミングされる部分がでます。WordPress コアの画像ブロックを全幅で配置するなどしたほうが収まりは良いと思いますがどうでしょうか。

    0
    いいねをした人: 居ません
    #59113
    snssenyou21@gmail.com
    閲覧者
    2

    返答ありがとうございます!

    WordPressコアの画像ブロックを全幅で配置するなどしたほうが収まりは良いとは?どういうことでしょうか?すみません知識不足で!

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

    WordPressコアの画像ブロックを全幅で配置するなどしたほうが収まりは良いとは?どういうことでしょうか?すみません知識不足で!

    繰り返しになってしまいますが、いま使用されている「セクション(背景画像/動画)」ブロックは、画像はあくまで背景画像扱いで、エリアを覆い尽くすように引き伸ばされるので、画面サイズによってはトリミングされる部分がでます。
    画像ブロックだとトリミングされず画像がその画像の画角のまま表示されるので、トリミングされる部分がなくきれいに収まる、という意味で書きました。普通に画像ブロックを配置すると、左右に(全体を囲む div 分の)余白がでてしまうと思うので、画像ブロックの行揃えの設定を「全幅」にすると、その余白が消えて左右ぴったりに画像が表示されます。

    とりあえずやってみて頂ければと!

    0
    いいねをした人: 居ません
    #59120
    snssenyou21@gmail.com
    閲覧者
    2

    非常にわかりやすくアドバイス助かります!

    0
    いいねをした人: 居ません
    #59124
    snssenyou21@gmail.com
    閲覧者
    2

    直りました!助かりました。ありがとうございました。スライダーでも大丈夫そうですね。

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

    良かったです、閉じます!

    0
    いいねをした人: 居ません
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「ブラウザによってトップ画像が崩れる。」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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