ブロックエディター(余白設定)

ブロックエディター内で、余白設定をすることができます。

右側のブロック設定の余白設定より設定することができます。

ブロック上下の余白について

デバイスごとに調整するため、余白pxの計算を下記のように施しています。
PC:表示のpx
TAB:PC÷1.5px
SP:PC÷2px

0px:PC/TAB/SP全て0px設定

10px:PC/TAB/SP全て10px設定

20px:PC(20px)・TAB(15px)・SP(10px)設定

30px:PC(30px)・TAB(20px)・SP(15px)設定

40px:PC(40px)・TAB(26px)・SP(20px)設定

50px:PC(50px)・TAB(33px)・SP(25px)設定

60px:PC(60px)・TAB(40px)・SP(30px)設定

70px:PC(70px)・TAB(46px)・SP(35px)設定

80px:PC(80px)・TAB(53px)・SP(40px)設定

90px:PC(90px)・TAB(60px)・SP(45px)設定

もっと細かく余白を設定したい場合は、
Feral独自ブロックの「レスポンシブスペーサー」を利用しよう。

Feralの独自ブロックに、「レスポンシブスペーサー」ブロックを搭載しています。

PC/TAB/SP幅事に余白を設定することができます。