[ 解決済 ] 固定ページに、画像を全幅（100％）で表示したいです

[fukugi]

■ 利用テーマとバージョン :
Lightning Pro 8.5.3
VK Blocks Pro 0.60.1
WordPress 5.6

■ 質問内容：
固定ページに、画像を全幅（100％）で表示することは可能でしょうか？

背景に画像を設定しても、どこかが切れてしまいます。

スライダーブロック、Outerブロックで試してみたのですが、うまくいきません。

ＰＣでもタブレットでもスマホでも、全幅（100％）で表示したい画像があります。

[うなこ]

画像ブロック、アウターブロック、スライダーブロックの方法をそれぞれ書きましたので
お好きな方法で試してみてください。

▼画像ブロック▼
設置したimgに対して、cssで　width: 100%;　を指定してあげるとコンテンツ幅いっぱいに収まるようになります。
↓cssのカスタマイズはこちらの記事を参考にしてみてください。

できる！WordPressカスタマイズ #01 簡単なデザイン（CSS）カスタマイズ方法徹底解説

▼アウターブロック▼
アウターブロックの背景画像サイズをカバーにして、
アウターブロックの中に、レスポンシブスペーサーブロックを配置し、
レスポンシブスペーサーの余白の単位をvwにして、
ちょうど良さそうな高さを入れて調整してみてください。

▼スライダーブロック▼
背景画像サイズをカバーにして、高さの単位をvw にし、
PC、タブレット、スマホにちょうど良さそうな高さを入れて調整してみてください。

• この返信は3年、 11ヶ月前にうなこが編集しました。

[fukugi]

うなこさん

アウターブロックでキレイに設定できました！！
ありがとうございます。

[投稿者]

投稿