Direct answer
何を決めるための項目ですか?
現状の問題と、提供する解決策を対比して理解させる。
SC-PRB-001 は problem-definition の役割を持つSectionです。表示名や文章を変更しても固定Definition IDとversionを保ち、Project、品質finding、WordPress出力を同じ契約へ結び付けます。
Content contract
必要なContent Slot
| ID | 日本語の意味 | Type(型) | Required(必須) |
|---|---|---|---|
heading | 見出し | text | 必須 |
problemTitle | 課題タイトル | text | 必須 |
problemBody | 課題説明 | richText | 必須 |
solutionTitle | 解決タイトル | text | 必須 |
solutionBody | 解決説明 | richText | 必須 |
points | 要点 | textList | 任意 |
Content Slot(コンテンツスロット)は、そのSectionに必要な文章・リンク・画像・一覧を型付きで保持する入力項目です。任意HTMLをそのまま保存せず、URL、alt、件数、必須状態を型ごとに検査します。
Layout variants
意味を変えずに選べる配置
problem-splitTwo panels課題と解決を左右に配置。problem-flowProblem → Solution原因から解決までを縦に読む構成。
Implementation contract
Design Token・WordPress・アクセシビリティ
Required token(必須の意味付き設計値)
semantic.color.background.canvassemantic.color.text.primarysemantic.color.status.warning.backgroundsemantic.color.status.success.background
WordPress core Block
core/groupcore/columnscore/headingcore/paragraphcore/list
Accessibility(アクセシビリティ上の注意)
- 対比を色だけに依存しない
- リストは実際のlist要素で出力
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(ロールバック)は元に戻す手順です。