- このトピックには14件の返信、2人の参加者があり、最後に
により3年前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】バージョン: 15.18.0
【お使いの Snow Monkey Blocks のバージョン】バージョン： 13.7.3
【お使いの Snow Monkey Editor のバージョン】バージョン： 6.2.1
【お使いのブラウザ】Google Chromeバージョン: 96.0.4664.110
【当該サイトのURL】https://demo.oranwork.tokyo/
ユーザー名：relax-123
パスワード：relax-123### 実現したいこと
固定ページの画像のアスペクト比4:3、画像サイズを中に設定したい。### 発生している問題
アスペクト比を4:3にすると、画像の上方に空白ができてしまう。
また、画像サイズを中にしても画像のサイズが変わらない。### 試したこと
プラグインの再インストールをしても変わらず。別件ですが、コンテンツの設定の画像とコンテンツの重なり具合は10%刻みですか？
お手本では26%に設定していたので。どうぞよろしくお願いいたします。
いいねをした人: 居ませんわ、これはバグですね…ご報告ありがとうございます！ 次のアップデートで修正しようと思いますが、ひとまず下記の CSS を追加することで修正できます。
.smb-items__banner--standard .smb-items__banner__figure { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }別件ですが、コンテンツの設定の画像とコンテンツの重なり具合は10%刻みですか？
お手本では26%に設定していたので。セクション（ブロークングリッド）ブロックの設定ですかね？ そうであれば10%刻みですね。僕はそのお手本というのがわからないので、お手本をつくられた方にも尋ねられるのが良いかと思います。
いいねをした人: 居ませんご返信ありがとうございます。
追加CSSでアスペクト比は直りましたが、左右に余白ができてしまいます。
あと、画像サイズも中に変わらないのもバグであれば次のアップデートを楽しみに待っています。いつもご丁寧にありがとうございます。
どうぞよろしくお願いいたします。いいねをした人: 居ません追加CSSでアスペクト比は直りましたが、左右に余白ができてしまいます。
あーこれもバグっちゃバグかもですね…。とりあえず下記の CSS でどうでしょうか…。
.smb-items__banner__figure>img { object-fit: cover; }画像サイズも中に変わらないのもバグであれば次のアップデートを楽しみに待っています。
みた感じ中サイズ（横300px）が設定されてそうです。
WordPress はデフォルトでレスポンシブイメージになるので、デバイスのピクセル密度などによって大きい画像が表示されることがあります。HTML を見る限り多分そんな感じだと思うのですがどうでしょうか？
いいねをした人: 居ませんご返信ありがとうございます。
追加CSSも大丈夫です。左右の余白が消えました。
画像サイズですが、今は４つの画像の上２つを「中」に設定、下２つを「大」に設定してみました。
全て中サイズ（横300px）になっています。
逆に大サイズが効いていないような気がします。いいねをした人: 居ません大サイズの画像が存在していない可能性はないですかね？ 例えば大サイズの設定を 1024px にしている場合、それ以下のサイズの画像をアップロードしても WordPress は大サイズの画像を生成しません。
いいねをした人: 居ません大サイズの設定は1024pxです。
試しに下右の画像を2000×1125サイズの画像に変えてみました。
画像サイズは「大」のままです。レスポンシブで各画面サイズみましたが、4つとも同じ画像サイズでした。
この場合、全て同じサイズで表示されるものですか？いいねをした人: 居ません試してみたのですが、こちらの環境だと正しく大サイズになりました。
下記お願いします！
こちらでも同じ画像同じ設定でためしてみたいので、
– 項目ブロックで画像サイズの選択肢を表示させてスクショをとって送ってください
– 設定している画像を送ってください（権利的に OK であれば）いいねをした人: 居ませんありがとうございます！ 試したところ、こちらの環境では正しく大サイズが反映されました。
そして、【当該サイトのURL】 のページを改めてみてみたら、頂いた画像のバナーは正しく大サイズの画像が設定されているようです。何か再設定されましたかね？
いいねをした人: 居ません大サイズの画像は再設定はしていません。
右下の画像は大サイズ、後の画像は中サイズで設定されていると思いますが、表示されている４つの画像のサイズは全て同じに見えます。
大サイズに設定しても今回のような並びにすると４つとも同じサイズで表示されるということなのですか？
いいねをした人: 居ませんあ、なるほど、理解しました！この「画像サイズ」というのは、バナーにどのサムネイルサイズの画像を使用するかということになります。バナーブロックは設定された画像をブロックと同じ大きさに引き伸ばして（あるいは縮小して）表示しますが、画像サイズが小さいものの場合は画像が荒く見えてしまいます。そこで大きなサイズの画像を使用すれば、Ratina などのディスプレイでもきれいに表示させることができるというわけです。
そういう用途の設定項目になりますので、見た目上は選択肢によって画像が大きくなったり小さくなったりということはありません。
いいねをした人: 居ません
これで大丈夫でしょうか？
- トピック「ブロックの設定の「画像のアスペクト比」を4:3にすると画像の情報に余白ができてしまう。」には新しい返信をつけることはできません。