表参道布団店 INFORMATION エディタで利用可能な全 20 ビジュアルモジュール（会話形式・YouTube・Vimeo を含む）と全入力フィールド（lead/excerpt/heroImage/SEO/カテゴリ/タグ/関連商品/関連記事/CTA）を網羅した最終検証記事です。
1. 大判横ぶち抜き画像 (img-full)
2. 大画像 (img-large)
3. 中画像センター (img-medium-center)
4. 中画像左寄せ (img-medium-left)
左寄せ中画像のテキスト回り込みサンプル。羽毛布団は陰干しと風通しが重要です。本文がここに流れ込むと回り込みの様子が確認できます。
5. 中画像右寄せ (img-medium-right)
右寄せ中画像のテキスト回り込みサンプル。羽毛布団は陰干しと風通しが重要です。
6. 小画像センター (img-small-center)
7. 2カラム 画像右 (2col-img-right)
2 カラム (画像右)。左側に説明テキスト、右側に画像。
8. 2カラム 画像左 (2col-img-left)
反対パターン。画像とテキストの位置を入れ替えた 2 カラム。
9. ストライプテーブル (table-stripe)
| 項目 | 内容 | 備考 |
|---|---|---|
| カテゴリ | news / knowledge / media / other | 4 区分 |
| 状態 | 公開 / 下書き / 予約 / ゴミ箱 | ステータス管理 |
10. シンプルテーブル (table-plain)
| 項目 | 値 |
|---|---|
| サイズ | シングル |
| 価格 | ¥35,800 |
11. OGP カード (ogp)
OGP カードのタイトル外部リンクの説明テキストexample.com
12. お知らせボックス (info-note)
13. ポイントボックス (info-point)
14. 補足ボックス (info-supplement)
15. FAQ (faq)
Q. 配送はどのくらいで届きますか？
A. 通常 3〜5 営業日でお届けいたします。
16. 装飾区切り (divider)
17. プルクオート (pullquote)
明日の自分を目覚めさせる、上質な眠り。
— 表参道布団店 編集部
18. 会話形式 (dialogue) — 新規追加
店主羽毛布団のお手入れで一番大切なのは何ですか？
職人陰干しを習慣にすることです。湿気を逃すことで羽毛のふくらみが長持ちします。
19. YouTube 埋め込み (youtube) — 新規追加
YouTube サンプル動画
20. Vimeo 埋め込み (vimeo) — 新規追加
Vimeo サンプル動画
以上、INFORMATION エディタで利用可能な全 20 ビジュアルモジュールと全入力フィールドを網羅した最終検証用テンプレートです。