【SWELL】フルワイドブロックが幅いっぱいに表示できないときの対処法

2021年7月16日

SWELLでおしゃれなTOPページを作っている人が良く使っているのが「フルワイドブロック」。画面いっぱいに表示させることができます。が…なぜか余白が出来てしまう。そんなときにチェックしたい2項目をまとめました！1分で解決できますよ！

はなまるなちゃれ

この赤丸部分の余白をなくしていくよ！

対処法① 「サイドバーを表示する」のチェックを外す

STEP

カスタマイザー➡サイドバー

STEP

トップページにサイドバーを表示する➡チェック外す

もし現在TOPページ制作途中で、固定ページにしている場合は、「固定ページにサイドバーを表示する」のチェックを外してみて下さい。

びっくりなちゃれ

サイドバーがあるから、フルワイドで表示できなかったんだね！

私は対処法①で直ったのですが、②のやり方をUPしていた方もいたので参考までに。

STEP

カスタマイザー➡「サイト全体設定」

STEP

「基本デザイン」

STEP

「コンテンツの背景を白にする」をオフに

もしくは、

ひらめきなちゃれ

このほうが投稿ページの文字が読みやすいとおもう～

STEP

「公開」をクリック

保存をわすれずに！

参考にさせて頂きました！

かなろぐ。

SWELLのフルワイドブロックが画面いっぱいに表示できない問題を解決 – かなろぐ。「SWELLのフルワイドブロックでブログのトップページをカスタマイズしようとしたのに画面の左右両側に余白ができてしまう」この問題は4クリックで解決します。フルワイドブ…