外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/lw-pr-custom-title-11",
    "title": "見出しタイトル 11",
    "category": "lw-heading",
    "description": "カスタムカラー対応見出しブロック",
    "aiHint": {
        "description": "カスタムカラー見出し。メイン+サブタイトルの順序反転可能。装飾的な背景色付き見出し",
        "excludeFromAutoSelect": false,
        "contentAttributes": [
            "mainTitle",
            "subTitle"
        ],
        "imageAttributes": [],
        "notes": "colorMain（12 は colorSub も）は `--color-main` という **テーマと同名の CSS変数** として書き出される。ここに `var(--color-main)` を渡すと `--color-main:var(--color-main)` という自己参照になり、変数ごと無効化されて**背景の帯が透明になり、白文字だけが残って見出しが消える**（2026-08-27 に実際に踏んだ）。サイトのテーマ色に合わせたいときも渡さず、色を指定しない（既定 #0a71c0）か、実際の色コードを入れる。 🚨 **サブタイトル（英字）も帯の中に入る。** colorSubText に濃い色を渡すと帯に沈んで読めなくなる（濃いティール #063733 を帯 #0e5c55 に渡して **1.67:1**・2026-09-06 実測）。帯より明るい色にする（#cfe6e2 なら 5.99:1）。メインと同じ白にすると主従が消えるので、白より少し落とした淡い色がよい。"
    },
    "attributes": {
        "mainTitle": {
            "type": "string",
            "default": "カスタムタイトル",
            "aiHint": {
                "role": "heading",
                "contentGuide": "セクション見出し。3〜15文字",
                "example": "選ばれる理由"
            }
        },
        "subTitle": {
            "type": "string",
            "default": "サブタイトル",
            "aiHint": {
                "role": "subheading",
                "contentGuide": "英語表記 or 補足テキスト",
                "example": "REASON"
            }
        },
        "headingLevel": {
            "type": "number",
            "default": 2,
            "aiHint": {
                "skip": true
            }
        },
        "colorMain": {
            "type": "string",
            "default": "#0a71c0",
            "aiHint": {
                "skip": true
            }
        },
        "colorMainText": {
            "type": "string",
            "default": "",
            "aiHint": {
                "skip": true
            }
        },
        "colorSubText": {
            "type": "string",
            "default": "",
            "aiHint": {
                "skip": true
            }
        },
        "orderReversed": {
            "type": "boolean",
            "default": false,
            "aiHint": {
                "skip": true
            }
        },
        "maxWidth": {
            "type": "number",
            "default": 0,
            "aiHint": {
                "skip": true
            }
        },
        "borderRadius": {
            "type": "number",
            "default": 0,
            "aiHint": {
                "skip": true
            }
        },
        "minHeightPc": {
            "type": "number",
            "default": 0,
            "aiHint": {
                "skip": true
            }
        },
        "minHeightTb": {
            "type": "number",
            "default": 0,
            "aiHint": {
                "skip": true
            }
        },
        "minHeightSp": {
            "type": "number",
            "default": 0,
            "aiHint": {
                "skip": true
            }
        }
    }
}