記事作成時に使う基本パーツを一覧できるページです。ブロックエディタで同じ見た目を再現しやすいように、見出し、本文、リスト、表、引用、マーカー、補足ボックスなどをまとめています。

見出し

H1 見出しサンプル

通常の記事ではH1は記事タイトルで使います。本文中では原則としてH2以降を使用します。

H2 見出しサンプル

記事内の大きな章に使います。

H3 見出しサンプル

H2内の小見出しに使います。

H4 見出しサンプル

細かい論点の整理に使います。

H5 見出しサンプル

補助的な小見出しに使います。

本文・マーカー・引用

本文は読みやすい行間を保ち、長い説明でも圧迫感が出ないようにしています。重要な部分はマーカーを引いて強調できます。強調しすぎると読みにくくなるため、1段落につき1箇所程度が目安です。

引用文は、外部資料や関係者の発言などを本文と区別して見せたいときに使います。

リンク・外部リンク

本文中の通常リンクは、関連記事への内部リンクのように下線付きで表示します。hover時は色と下線の濃さが変わり、クリックできる要素だと分かりやすくしています。

外部サイトへの導線は、ネクストメディア株式会社のように外部リンクアイコン付きで表示します。

リスト・番号付きリスト

• 通常の箇条書きです
• 要点を短く整理するときに使います
• 文章が長くなりすぎないようにします

1. 現状を整理する
2. 課題を分類する
3. 改善案を実行する

• チェックリスト用の見た目です
• 確認項目やメリット整理に向いています
• 記事冒頭の要点にも使えます

枠・補足・注意・CTA

表・コード

項目	短期施策	長期施策
目的	すぐに反応を見る	資産として積み上げる
向いている例	広告LP改善	オウンドメディア運用
注意点	検証期間を決める	更新体制を決める

<section class="example">
  <h2>コードブロック</h2>
  <p>HTMLやCSSの例を掲載できます。</p>
</section>

画像・キャプション

16:9 image

FAQ