WordPressでホームページ制作click

SWELLのボックス装飾種類一覧

toc

ボックス装飾について

SWELLのエディターで使用できるボックス装飾機能を一覧にしました。

ボーダー設定

1.シンプルな枠線

2.二重の枠線

3.グレーの点線

4.グレーの枠線

スタイル

1.ストライプ

2.方眼

3.角に折り目

4.スティッチ

5.かぎ括弧

6.かぎ括弧(大)

7.窪み

8.浮き出し

9.左に縦線

10.付箋

11.吹き出し

12.吹き出し2

アイコン付きボックス(小)

13.グッド

14.バッド

15.インフォ

16.アナウンス

17.ペン

18.本

アイコン付きボックス(大)

19.ポイント

20.チェック

21.バツ印

22.はてな

23.アラート

24.メモ

ボーダー設定とスタイルは同時に使用できます

一例です。

シンプルな枠線+ストライプ

グレーの枠線+方眼

背景色との組み合わせもおすすめです。

ストライプ×背景色「白」

方眼×背景色「ベージュ」

シンプルな枠線×背景色「水色」

二重の枠線×ピンク

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

エディター右側のサイドバーにある「スタイル」タブから、使用したいスタイルをクリックするだけです。

画像出典:SWELL

段落ブロック」と「グループブロック」で使用可能なので、様々な場所で活用できます。

通常の文章の合間でアクセントにすることや、グループ化することによって「リッチカラム」や「メディアとテキスト」などでも活躍します。

\ FOLLOW /

SHARE
  • URLをコピーしました!
ブログランキング・にほんブログ村へ

\ お問い合わせはこちらから /

author

YuSUKEのアバター YuSUKE ysuke.me

【WordPress】を使用したホームページ制作をしています。
物販、サービス、コーポレートサイトなど様々なご要望に合わせて制作します。
カスタマイズや制作事例のアーカイブ。

ad

toc