SWELL：キャプションボックスの使い方や出来ること

「キャプションボックス」はブロックツールの「キャプションボックス」を選択します。

SWELLのキャプションボックス表示はこんな感じです。

SWELL：キャプションボックスで出来ること

①　スタイル	スタイルの変更が可能
②　カラー設定	キャプションボックスの色変更が可能
③　アイコン設定	アイコンの設定が可能
④　デバイス制限	スマホとPCで表示制限が可能
⑤　ブロック下の余白量	ブロック下の余白量の設定が可能

①　スタイル

キャプションボックスのスタイルを７種類から選択することができます。

デフォルト

スタイル：デフォルトはこんな感じです。

小

スタイル：小はこんな感じです。

枠上

スタイル：枠上はこんな感じです。

枠上２

スタイル：枠上２はこんな感じです。

枠内

スタイル：枠内はこんな感じです。

浮き出し

スタイル：浮き出しはこんな感じです。

内テキスト

スタイル：内テキストはこんな感じです。

②　カラー設定

カラー設定でキャプションボックスの色を変更することができます。

キャプションボックスの色を変更するとこんな感じです。

カラー設定で選択することができる色は「SWELL設定」→「エディター設定」の「キャプションブロック設定」で登録することができます。

③　アイコン設定

アイコン設定でキャプションボックスにアイコンを表示することができます。

設定できる内容は以下になります。

アイコンの位置	アイコンの位置を左右変更可能
アイコン選択	アイコンの種類を変更可能
アイコンサイズ	アイコンのサイズを変更可能

アイコン表示をするとこんな感じです。

④　デバイス制限

スマホとPCで表示制限が可能です。

⑤　ブロック下の余白量

ブロック下の余白量を変更することができます。

キャプションボックスの実際表示はSWELLで作成したサンプルサイトで確認するこもできますので、そちらも参考にしてみてください。

→　SWELLで作成したサンプルサイト（キャプションボックス）

SWELLの使い方

SWELL：関連記事