【SWELL】フルワイドブロックで背景画像を設定すると「境界線の形状が設定できない!」その対処法とは?
「SWELL」テーマのフルワイドブロックを使う際に、「背景画像を設定する」場合もあるかと思います。
そんな時に、「境界線を波線にしたいけど、できない!」という場面に出くわします。
この記事では、その解決策を書いています♪
ホワイト
なんでできないんだろう…?
- SWELLを使い始めたばかり
- フルワイドブロックの使い方が分からない
- 境界線の形状を想うがままに変えたい
\ こちらもおすすめ/
目次
背景画像を設定すると「境界線の形状が設定できない」場合の対策!
結論は、背景画像を入れたフルワイドブロックの上下にあるフルワイドブロックで、それぞれサンドイッチ状態で調節してあげればOKです。
背景画像を入れてしまうと、もうそれで、そのブロックは固定されてしまいます。
ですが、
- 上に面するフルワイドブロックの下線の境界線で波型などに
- 下に面するフルワイドブロックの上線の境界線で波型などに
…とすることで、背景画像を入れたフルワイドブロックでも「境界線が上下ともに波線で囲まれた状態」に変わります!
これが、対処法の結論です。
\ やり方 /
- フルワイドブロックを3段並べる
- 真ん中のフルワイドブロックに背景画像を入れる
- 上のフルワイドブロックの下線に波線をつける
- 下のフルワイドブロックの上線に波線をつける
※ 波線などは、境界線の形状コントロールで加減します!
~ 具体的に見ていきましょう。
STEP
フルワイドブロックを3段並べる。
STEP
真ん中のフルワイドブロックに背景画像を入れる。
STEP
上のフルワイドブロックの下線に波線をつける。
STEP
下のフルワイドブロックの上線に波線をつける。
STEP
※ 波線などは境界線の形状コントロールで加減します!
まとめ
以上で、「背景画像を入れたフルワイドブロック」に波線などの境界線を入れる、対処法の説明になります!
きれいなトップページなどに、使ってみてくださいね♪
\ 背景画像を設定すると「境界線の形状が設定できない」場合の対策! /
- フルワイドブロックを3段並べる
- 真ん中のフルワイドブロックに背景画像を入れる
- 上のフルワイドブロックの下線に波線をつける
- 下のフルワイドブロックの上線に波線をつける
※ 波線などは、境界線の形状コントロールで加減します!
当サイトで使用しているWordPressテーマ
当サイトでは、スタイリッシュで使い勝手のいいWordPressテーマ「SWELL」を使って、見やすいキレイなサイト作りを目指しています♪
まだまだ勉強中ですが、やりがいのあるテーマです。
私はこの「SWELL」というテーマを使うことで、ブログを運営するのが楽しくなりました♪
よろしかったら、美しいデモストレーションから、ご覧になってみてくださいね。
ホワイト
機能もたくさんで、
素敵なサイトができますよ!
\ 公式ページへ /
コメント