サイトヘッダー｜Section Composer

Direct answer

何を決めるための項目ですか？

ブランド、主要ナビゲーション、任意のCTAを持つ軽量ヘッダー。

SC-HDR-001 は site-navigation の役割を持つSectionです。表示名や文章を変更しても固定Definition IDとversionを保ち、Project、品質finding、WordPress出力を同じ契約へ結び付けます。

Content contract

必要なContent Slot

ID	日本語の意味	Type（型）	Required（必須）
`brand`	サイト名	text	必須
`navigation`	ナビゲーション	navigation	必須
`cta`	ヘッダーCTA	link	任意

Content Slot（コンテンツスロット）は、そのSectionに必要な文章・リンク・画像・一覧を型付きで保持する入力項目です。任意HTMLをそのまま保存せず、URL、alt、件数、必須状態を型ごとに検査します。

Layout variants

意味を変えずに選べる配置

header-minimalMinimalロゴとナビゲーションを一列に配置。
header-ctaNavigation + CTA右端に主要CTAを追加。

Implementation contract

Design Token・WordPress・アクセシビリティ

Required token（必須の意味付き設計値）

semantic.color.background.canvas
semantic.color.text.primary
semantic.color.border.subtle
semantic.space.container.inline

WordPress core Block

core/group
core/site-title
core/navigation
core/buttons

Accessibility（アクセシビリティ上の注意）

navへaria-labelを付与
現在地はaria-currentで表現
リンク文言だけで遷移先が分かる

Safe workflow

安全に使う手順

Page KitとSectionの役割を決め、必須Content Slotを実際の内容へ置き換えます。
375・768・1100・fluidで、見出し、長い文字、画像、CTA、横はみ出しを確認します。
Quality Guardの固定Rule ID、severity（重要度）、evidence（根拠）、loss（変換損失）を確認します。
用途に合うAdapterを選び、INSTALL、VERIFY、ROLLBACKの順に導入・確認・復旧方法を共有します。

Terms

英語表記の意味

Section（セクション）はページ内の役割を持つ区画、Variant（バリアント）は意味を変えない配置違い、Adapter（アダプター）は同じProjectを実装形式へ変換する処理、Evidence（エビデンス）は判定根拠、Loss（ロス）は出力形式で完全には表現できない差、Rollback（ロールバック）は元に戻す手順です。