本文へスキップ
Ideal Prosperity Designing 強い日本を、もう一度
2026 · 04 · 22 · Wednesday Nagoya · Japan 09:42 · JST
【デザイン確認】ブロックエディタ全要素テスト記事
Field note · News
News

【デザイン確認】ブロックエディタ全要素テスト記事

見出し2/3/4・各種リスト・引用・プルクオート・表・コード・画像・カバー・ギャラリー・カラム・ボタン・折りたたみなど、ブロックエディタの主要要素を一通り並べたデザイン確認用のダミー記事です。

これはブロックエディタの全要素を確認するためのダミー記事です。本文タイポグラフィ、見出し、リスト、引用、表、画像など、テーマ ipd-theme.p-article__body がどのように装飾するかを検証します。インライン装飾の例:太字斜体リンクinline code打ち消し線ハイライト・脚注のような下付き上付き

見出し2 — Heading Level 2

見出し2の直後の段落です。長文の可読性、行間(line-height)、段落間の余白を確認します。日本語と English が混在した場合の字間も合わせて確認してください。The quick brown fox jumps over the lazy dog.

見出し3 — Heading Level 3

見出し3配下の段落。下に箇条書きリストを置きます。

  • 箇条書きの項目その1
  • 箇条書きの項目その2(ネストあり)
    • 入れ子の子項目 A
    • 入れ子の子項目 B
  • 箇条書きの項目その3

見出し4 — Heading Level 4

  1. 番号付きリストの手順1
  2. 番号付きリストの手順2
  3. 番号付きリストの手順3

これは引用ブロック(blockquote)です。経営の本質は、成果が帰結し続ける構造を設計することにある。

― 合同会社 i.P.designing

プルクオート:強い日本を、もう一度。

i.P.designing
ロビーの様子
画像ブロックのキャプション例(figure + figcaption)

表(テーブルブロック)

レイヤー領域主な支援内容
Architecture構造設計新規事業・ビジネスモデル設計
Infrastructure基盤構築財務・法務・知財
Succession承継・M&A事業承継・PMI
Human OS人材・教育組織開発・研修
Global海外展開販路拡大・生産体制
5-Layer Strategic Mapping(表のキャプション)
// コードブロック
function design(structure) {
  return structure.map(layer => optimize(layer));
}
整形済みテキスト(preformatted)
   インデントや    空白が
そのまま    保持されます。
韻文ブロック(verse)
一行目
 二行目(全角インデント)
三行目

カラム・グループ・ボタン

左カラム。2カラムレイアウトの確認。レスポンシブで縦積みになるかも確認します。

右カラム。テキスト量が異なる場合の高さ揃えも見ます。

グループブロック内の見出し

グループでまとめた段落。背景色や余白がグループ単位で効くかを確認します。

Media & Text ブロック。画像とテキストを左右に並べるレイアウトです。

カバーブロック上のテキスト

詳細(折りたたみ)ブロック — クリックで開閉

details/summary の開閉表示を確認します。FAQ などに使えます。


以上、デザイン確認用ダミー記事でした。確認後はゴミ箱に移動して問題ありません。

Related posts 関連するお知らせ

Shall we
design

構造設計・M&A・海外展開・人材育成など、事業成長に関するご相談はお気軽にどうぞ。分野を横断する専門家集団が、一気通貫で伴走します。

Contact us