\このデモサイトの元ネタはこちら/

SWELLのブロック機能まとめ

目次

SWELLのブロック機能まとめ

  • 段落
  • ボタン
  • ふきだし
  • キャプションボックス
  • 関連記事
  • FAQ
  • アコーディオン
  • ステップ
  • テーブル
  • 商品レビュー
  • 広告タグ
  • ABテスト

段落

ボーダー01

ボーダー02

ボーダー03

ボーダー04

ストライプ

方眼

角に折り目

スティッチ

かぎ括弧

かぎ括弧(大)

窪み

浮き出し

左に縦線

付箋

吹き出し

吹き出し2

グッド

バッド

インフォ

アナウンス

ペン

ポイント

チェック

バツ印

はてな

アラート

メモ

ボタン

\ これがマイクロコピー /

ふきだし

あなた

あなたの心に直接話しかけています。

ヘボ

それ、どっちかって言うと私のセリフでは!?

キャプションボックス

デフォルト
  • リストA
  • リストB
  • リストC
  • リストA
  • リストB
  • リストC
枠上
  • リストA
  • リストB
  • リストC
枠上2
  • リストA
  • リストB
  • リストC
枠内
  • リストA
  • リストB
  • リストC
浮き出し
  • リストA
  • リストB
  • リストC
内テキスト
  • リストA
  • リストB
  • リストC

関連記事

これが「デフォルト」です。

これが「スリム」です。

これが「テキスト」です。

FAQ

このスタイルは何ですか?

これは「シンプル」です。

このスタイルは何ですか?

これは「線あり」です。

このスタイルは何ですか?

これが「ボックス」です。

このスタイルは何ですか?

これが「ストライプ」です。

アコーディオン

Q:このスタイルは何ですか?

A:これが「デフォルト」です。

Q:このスタイルは何ですか?

A:これが「シンプル」です。

Q:このスタイルは何ですか?

A:これが「囲い枠」です。

Q:このスタイルは何ですか?

A:これが「メインカラー」です。

くわしく知りたい方はここをクリック!

これが「詳細」です。

ステップ

STEP
お湯を入れる

線まで注いでね

STEP
3分待つ

キッチリ測る必要はないけどね

STEP
できあがり!

早めにお召し上がりください

これが「デフォルト」です。

STEP
お湯を入れる

線まで注いでね

STEP
3分待つ

キッチリ測る必要はないけどね

STEP
できあがり!

早めにお召し上がりください

これが「ビッグ」です。

STEP
お湯を入れる

線まで注いでね

STEP
3分待つ

キッチリ測る必要はないけどね

STEP
できあがり!

早めにお召し上がりください

これが「スモール」です。

テーブル

まるさんかくしかく
三角四角
CircleTriangleSquare
これが「デフォルト」です。
まるさんかくしかく
三角四角
CircleTriangleSquare
これが「ストライプ」です。
まるさんかくしかく
三角四角
CircleTriangleSquare
これが「シンプル」です。
まるさんかくしかく
三角四角
CircleTriangleSquare
これが「二重線」です。
メリットデメリット
メリットA
メリットB
メリットC
メリットD
デメリットA
デメリットB
デメリットC
デメリットD
これが「メリット・デメリット」です。
スクロールできます
フリープラン
0円
プレミアムプラン
1000円/月
機能A
機能B
機能C
制限あり
機能D
機能E
機能F
無料ではじめる購入はこちら
これが「料金プラン比較表」です。
スクロールできます

商品A

商品B

商品C
機能A少し古い普通最新機能
機能B非対応制限付き使用可
性能A200[単位]500[単位]1000[単位]
性能B500[単位]1000[単位]800[単位]
デザイン普通良い微妙
価格5,000円10,000円15,000円
購入する購入する購入する
これが「商品比較表」です。
スクロールできます

商品A

商品B

商品C
機能A少し古い普通最新版
機能B非対応制限付き使用可
性能A200[単位]500[単位]1000[単位]
性能B500[単位]1000[単位]800[単位]
デザイン普通良い微妙
価格5,000円10,000円15,000円
購入する購入する購入する
これが「商品比較表2」です。
スクロールできます
商品特徴価格評価

商品A
xxxが便利
xxxもできる
xxxはできない
1000円

商品B
xxxが便利
xxxもできる
xxxはできない
1000円

商品C
xxxが便利
xxxもできる
xxxはできない
1000円
これが「商品比較表3」です。

商品レビュー

エックスサーバー
総合評価
( 5 )
メリット
  • メリットA
  • メリットB
  • メリットC
デメリット
  • デメリットA
  • デメリットB
  • デメリットC

広告タグ

これが「アフィリエイト型」です。

これが「Amazon型」です。

これが「ランキング型」です。

ABテスト

50%の確率で「A:アフィリエイト型」「B:Amazon型」の広告タグが表示されます。

画像を準備中です!

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
目次