SWELL｜フルワイドブロック基本の使い方・エラー表示のなおし方

ワードプレステーマSWELLをお使いで、トップページをサイト型にしたいとお考えならフルワイドブロックは、はずせません。

フルワイドブロックとは画面横幅いっぱいに広がるエリアのことです。

ツムギノオトのトップページもフルワイドブロックを使用しています。

SWELLをお使いならフルワイドブロックをつかってみませんか♪

＼ サイト型のトップページを見る？ ／

フルワイドブロックとは

フルワイドブロックとは画面横幅いっぱいに広がるエリアのことです。

画像の赤く囲った部分がフルワイドブロックです。

PCでも、スマホでも画面の横幅いっぱいまでブロックが表示されるので、端まできれいです。

SWELLの特徴の一つ、上下の境界線の形状も選べますよ。

フルワイドブロックの使い方

フルワイドブロックの基本的な使い方です。

フルワイドブロックの呼び出し方

ブロックの追加ボタン＋を押して①や②のやりかたでフルワイドブロックを追加できます。

各種設定の項目について

コンテンツサイズの設定

追加設定からコンテンツの横幅・上下のpadding量の設定ができます。

コンテンツの横幅の設定

テキストなどのコンテンツをどの幅にそろえたいか、設定します。

上下のpadding量

バランスを見ながらコンテンツ上下のpadding量を決めましょう。

PCやスマホ、それぞれで設定できますよ。

カラー設定

追加設定からテキストカラー・背景色・背景色の不透明度を設定できます。

背景画像の設定

追加設定から背景画像の設定・背景効果・焦点ピッカー・オーバーレイカラーの設定ができます。

上下の境界線の形状

SWELLフルワイドブロックの特徴でもある上下の境界線の形状の設定。

斜線・円・波・ジグザグから選べます。

上下の境界線の形状は背景画像では使えません。

フルワイドブロックエラー時の対処法

1.フルワイドに表示されない

2.上下の境界線を連続して使うとフルワイドブロックが重なって表示される

フルワイドブロックで上下の境界線の形状を連続して使うと形状が重なって表示されます。

3.上下の境界線を連続して使う時フルワイドブロックに線が表示される

上下の境界線を連続して使う時、背景色の不透明度を下げると線が表示されることがあります。

透明度で色を薄くするのではなく、色自体で薄い色を選ぶのがおススメです

フルワイドブロックまとめ

SWELLをお使いならトップページのカスタマイズに欠かせないブロックがフルワイドブロックです。

フルワイドブロックとは画面横幅いっぱいに広がるエリアのことです。

今回はフルワイドブロックの使い方やエラーの対処法を紹介しました。

ブログのトップページをサイト型にするときにフルワイドブロックがとっても便利なんです。

SWELLのすごいところはオシャレなブロックもマウスひとつでサクサク使えてしまうところです♪