SWELLで使えるブロックの見た目一覧【ver.2.6.4対応】

SWELLで使えるブロックを一覧で紹介していきます。

目次

SWELLで使えるブロック一覧

段落ブロックのボーダー、スタイル

ボーダー設定01

ボーダー設定02

ボーダー設定03

ボーダー設定04

ストライプ

方眼

角に折り目

スティッチ

かぎ括弧

かぎ括弧(大)

窪み

浮き出し

左に縦線

付箋

吹き出し

吹き出し2

グッド

バッド

インフォ

アナウンス

ペン

ポイント

チェック

バツ印

はてな

アラート

メモ

リストブロック

  • デフォルト箇条書き
    • デフォルト1
  • デフォルト2
  1. デフォルト番号付き
    1. デフォルト1
  2. デフォルト2
  • 目次風
    • 目次風1
  • 目次風2
  1. 目次風番号付き
    1. 目次風1
  2. 目次風2
  1. 丸数字
    1. 丸数字1
  2. 丸数字2
  • チェック
    1. チェック1
  • チェック2
  • マル
    • マル1
  • マル2
  • バツ
    • バツ1
  • バツ2
  • 注釈
    • 注釈1
  • 注釈2
  1. 注釈
    1. 注釈1
  2. 注釈2
  • 下線をつけるリスト
  • 下線をつけるリスト
  • 下線をつけるリスト
  1. 横並び
  2. 横並び1
  3. 横並び2

引用ブロック

引用した文章を入力します。

引用元を入力します。

プルクオートブロック

引用した文章を入力します。

引用元を入力します。

テーブルブロック

ver.2.6.4でテーブルブロックの中央寄せが効かない不具合が解消されました。

日本語英語
あいうえおABCDE
かきくけこFGHIJ
デフォルト
アイコン大アイコン7種類
文字も書けます
ストライプ
アイコン大アイコン7種類
文字も書けます
ストライプ
アイコン中アイコン7種類
文字も書けます
シンプル
アイコン中アイコン7種類
文字も書けます
シンプル
アイコン小アイコン7種類
あいうえおABCDE
かきくけこFGHIJ
二重線
アイコン小アイコン7種類
あいうえおABCDE
かきくけこFGHIJ
さしすせそHIJKL
たちつてとMNOPQ
二重線
日本語英語
あいうえおABCDE
かきくけこFGHIJ
デフォルト縦一列目を強調
スクロールできます
日本語英語
あいうえおABCDE
かきくけこFGHIJ
横スクロール
スクロールできます
日本語あいうえおかきくけこさしすせそたちつてとなにぬねの
英語ABCDEFGHIJKLMNOPQRSTUVWXY
アルファベットaiueokakikukekosasisusesotatitutetonaninuneno
横スクロール1列目を左橋に固定する
日本語英語
あいうえおABC
かきくけこDEF
さしすせそGHI
たちつてとJKL
なにぬねのMNO
はひふへほPQR
まみむめもSTU
やゆよVWX
わをんYZ
ヘッダーを上部に固定

ボタンブロック

SWELLボタン

リスト入りグループ

  • リストが中に入ったグループブロック
    • リスト1
  • リスト2
  1. スタイルも変えれます
    1. リスト1
  2. リスト2

アコーディオンブロック

ABテストブロック

AブロックとBブロックがランダムに表示されます。

こちらはBブロック。

AブロックとBブロックの表示比率も変更できます。

バナーリンクブロック

ボックスメニューブロック

キャプションブロック

デフォルト

ブロックを入れることができます。

カラーを変えれます。

枠上

カラーを変えれます。

枠上2

カラーを変えれます。

枠内

アイコンをつけれます。

浮き出し

ブロックをいれることができます。

内テキスト

ブロックをいれることができます。

リッチカラムブロック

オレンジ

ブロックを横に並べることが出来ます。

ブルー

ブロックをいれることができます。

列の割合を変えることもでき

ます。

30%

70% デフォルト

余白の幅も変えることができ

ます。

25%

75% カラム間の余白0.5rem

スタイル

シャドウ

30%

70% 

スクロールできます

横スクロールにもできます。スタイル

ボーダー

30%

70% 

説明リストブロック

デフォルト

ブロックをいれることができます。

左に線

ブロックをいれることができます。

横並び

ブロックをいれることができます。

横並び

ブロックをいれることができます。

横並び表

ブロックをいれることができます。

横並び表

ブロックをいれることができます。

FAQブロック

シンプル

答え

線あり

アイコンの形変えれます。

問い

答え

ボックス

アイコンの色変えれます。

ストライプ

アイコンの色変えれます。

ステップブロック

STEP
デフォルト

ブロックを入れることができます。

STEP
デフォルト

ブロックをいれることができます。

STEP
ビッグ

ブロックを入れることができます。

STEP
ビッグ

ブロックをいれることができます。

STEP
スモール

ブロックをいれることができます。

STEP
スモール

ブロックをいれることができます。

タブブロック

1、ブロックをいれることができます。

1、ブロックをいれることができます。

1、ブロックをいれることができます。

ふきだしブロック

登録したふきだしセットを呼び出せます。

こちら向きにもできます。

カラーも変えれます

心の声にもできます。

ふきだしの線あり

アイコンの丸枠あり

縦並びにもできます。

投稿リストブロック

カード型

カード型

リスト型

リスト型

リスト型(左右交互)

リスト型(左右交互)

サムネイル型

サムネイル型

テキスト型

テキスト型

関連記事ブロック

テキストリンクでも表示できます。

画像と抜粋分を非表示にもできます。

あわせて読みたいの文章を変えることもできます。

ページのタイトルを任意のテキストに変更できます。


かねらく


記事投稿のお知らせツイートしてます。

フォローお願いします!

かねらく


記事投稿のお知らせツイートしてます。

フォローお願いします!

このサイトが簡単に作れます

WordPressテーマ

目次
閉じる