このサンプルは投稿（コラム記事）に貼り付けて確認してください。前半は自動デザイン（コラム記事だけで有効）、後半はブロックスタイル（固定ページでも有効）です。
自動デザインの確認（コラム記事専用）
下のH2〜H6は、スタイルを何も選んでいない、ただのタグです。コラム記事の中でだけ、自動でデザインが付きます。
これはH2です
H2は左にオレンジのバーと、下に薄い線が付きます。
これはH3です
H3は文字の下にオレンジの線が、文字の幅ぶんだけ付きます。
これはH4です
H4は左に黄色い四角のドットが付きます。
これはH5です
これはH6です
| 曜日 | やること | 目安 |
|---|---|---|
| 月・水・金 | おうち英語教材の音読 | 5分 |
| 火・木 | 1分間トレーニング＋復習 | 6分 |
「継続は力なり」。学習を習慣化して、コツコツからの飛躍的進歩を達成します。
— ひろつるメソッド
おうちでのひとくちメモ
教材は前の晩にテーブルの上へ出しておく。翌朝の「探す時間」がゼロになるだけで、継続率は大きく変わります。
見出しブロックスタイル（どこでも使えます）
下の見出しはすべて H3 タグですが、スタイルパネルから見た目を差し替えています。
左バー（標準）
本文の間隔確認用のダミーテキストです。
二重下線
本文の間隔確認用のダミーテキストです。
オレンジ帯（白文字）
本文の間隔確認用のダミーテキストです。
クリーム地＋左太バー
本文の間隔確認用のダミーテキストです。
中央寄せ＋左右線
本文の間隔確認用のダミーテキストです。
中央寄せ＋短い下線
本文の間隔確認用のダミーテキストです。
英語ラベル＋日本語
本文の間隔確認用のダミーテキストです。
吹き出し
本文の間隔確認用のダミーテキストです。
マーカー風
本文の間隔確認用のダミーテキストです。
点線下線
本文の間隔確認用のダミーテキストです。
グラデ左バー
本文の間隔確認用のダミーテキストです。
角丸枠線
本文の間隔確認用のダミーテキストです。
ここからは「基準：Hx」— コラム記事でH2〜H6に自動で付くデザインを、任意のレベルの見出しに手動で適用したものです（すべてH4タグです）。
基準：H2（左バー）をH4に適用
基準：H3（下線）をH4に適用
基準：H4（ドット）をH4に適用
基準：H5（メモ用）をH4に適用
基準：H6（ラベル）をH4に適用
リストブロックスタイル
番号バッジ（番号付きリストに適用）
- 時間ではなく行動に紐づける
- 5分でやめる
- できた日は目に見える形に
チェック（箇条書きリストに適用）
- やることは1つに絞る
- 前の晩に準備しておく
- 5分でやめる勇気を持つ
オレンジ（箇条書き＝点がオレンジ）
- 箇条書き1
- 箇条書き2
- 箇条書き3
オレンジ（番号付き＝数字がオレンジ）
- 手順1
- 手順2
- 手順3
グループブロックスタイル
オレンジ枠：padding20px・border-radius20px・border-color #FFB700
タブ（見出し付きボックス）：青枠の上に「POINT」タブが付きます。
CTA BOX：padding20px・border-radius20px・border-color #FFB700
セクション背景（グレー）：padding60px
セクション背景（黄色）：padding60px
セクション背景（白）：padding60px
セクション背景（オレンジ）：padding60px
テーブルブロックスタイル
スマホ幅（768px以下）で見た目が変わります。実機・またはブラウザの幅を縮めて確認してください。
| 曜日 | やること | 目安 |
|---|---|---|
| 月・水・金 | おうち英語教材の音読おうち英語教材の音読 | 5分 |
| 火・木 | 1分間トレーニング＋復習 | 6分 |
| 土 | オンライン親子レッスン | 40分 |
↑ 横スクロール ／ ↓ 縦積み
| 月・水・金 | おうち英語教材の音読 | 5分 |
| 火・木 | 1分間トレーニング＋復習 | 6分 |
| 土 | オンライン親子レッスン | 40分 |
| おうち英語教材の音読 | 5分 |
| 1分間トレーニング＋復習 | 6分 |
| オンライン親子レッスン | 40分 |
以上で確認用サンプルは終わりです。
