【SWELL】フルワイドブロックで背景画像を設定すると「境界線の形状が設定できない！」その対処法とは？

「SWELL」テーマのフルワイドブロックを使う際に、「背景画像を設定する」場合もあるかと思います。

そんな時に、「境界線を波線にしたいけど、できない！」という場面に出くわします。

この記事では、その解決策を書いています♪

著者 

なんでできないんだろう…？

＼ こちらもおすすめ／

• SWELL｜カラムごとに枠線を付ける方法【わかりやすく解説！】
• ブログを始める初心者の人へおすすめのワードプレステーマ「SWELL」

背景画像を設定すると「境界線の形状が設定できない」場合の対策！

結論は、背景画像を入れたフルワイドブロックの上下にあるフルワイドブロックで、それぞれサンドイッチ状態で調節してあげればOKです。

背景画像を入れてしまうと、もうそれで、そのブロックは固定されてしまいます。

ですが、

• 上に面するフルワイドブロックの下線の境界線で波型などに
• 下に面するフルワイドブロックの上線の境界線で波型などに

…とすることで、背景画像を入れたフルワイドブロックでも「境界線が上下ともに波線で囲まれた状態」に変わります！

これが、対処法の結論です。

＼ やり方 ／

～ 具体的に見ていきましょう。

STEP

フルワイドブロックを３段並べる。

STEP

真ん中のフルワイドブロックに背景画像を入れる。

STEP

上のフルワイドブロックの下線に波線をつける。

STEP

下のフルワイドブロックの上線に波線をつける。

STEP

※ 波線などは境界線の形状コントロールで加減します！

まとめ

以上で、「背景画像を入れたフルワイドブロック」に波線などの境界線を入れる、対処法の説明になります！

きれいなトップページなどに、使ってみてくださいね♪

＼ 背景画像を設定すると「境界線の形状が設定できない」場合の対策！ ／

当サイトで使用しているWordPressテーマ

当サイトでは、スタイリッシュで使い勝手のいいWordPressテーマ「SWELL」を使って、見やすいキレイなサイト作りを目指しています♪

まだまだ勉強中ですが、やりがいのあるテーマです。

私はこの「SWELL」というテーマを使うことで、ブログを運営するのが楽しくなりました♪

よろしかったら、美しいデモストレーションから、ご覧になってみてくださいね。

SWELLのテーマを見てみる

SWELLの特徴を見てみる

SWELLのデモサイトを見てみる

著者 

機能もたくさんで、
素敵なサイトができますよ！

＼ 公式ページへ ／

SWELLのテーマを見てみる