外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/lw-pr-custom-title-13",
    "title": "見出しタイトル 13",
    "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）か、実際の色コードを入れる。"
    },
    "attributes": {
        "mainTitle": {
            "type": "string",
            "default": "カスタムタイトル",
            "aiHint": {
                "role": "heading",
                "contentGuide": "セクション見出し。3〜15文字",
                "example": "料金プラン"
            }
        },
        "subTitle": {
            "type": "string",
            "default": "サブタイトル",
            "aiHint": {
                "role": "subheading",
                "contentGuide": "英語表記 or 補足テキスト",
                "example": "PRICING"
            }
        },
        "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
            }
        }
    }
}