段落・装飾ブロックで使用できるレイアウト設定

SWELLでは、ボックス装飾で様々なデザインを簡単に使用することができますが、それだけでなく上下の余白量を調節したり、PCだけ・スマホだけで表示したりするという細かな調節も簡単に行うことができるようにしています。

ブロックエディターでの使い方

段落ブロックと、SWELLブロックの装飾ブロックのコントロールパネル（エディター右側の設定パネル）に、「レイアウト設定」という特殊項目を追加しています。

ここから、ブロックに適用したいレイアウトスタイルにチェックを入れるだけ簡単にレイアウトの調節が可能です。

SWELLブロックの装飾ブロックを使うと、適用中のレイアウトスタイルがエディター上で表示されるので分かりやすくて便利です！

参考：SWELLブロックとは？

クラシックエディターでの使い方

クラシックエディタでは、ツールバーの「スタイル」メニューから使用できます。

適用したいレイアウトを選択すると、その位置にレイアウトスタイルの適用されたDIVタグが挿入されます。

複数のレイアウトを適用させたい場合は、すでに挿入されているブロックの中にカーソルがある状態で、さらにスタイルメニューからレイアウトを選択してください。

divの入れ子状態が気になる人は、「テキストエディター」に切り替えて、直接一つのdivタグにレイアウトスタイル用のクラスを付与してご使用ください。