外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/paid-block-lw-button-4",
    "title": "リンクボタン 04",
    "category": "lw-button",
    "description": "有料リンクボタン（スタイル04）",
    "aiHint": {
        "description": "アイコン付き丸角ボタン。テキスト+矢印アイコン+URL。シンプルで上品なデザイン",
        "excludeFromAutoSelect": false,
        "contentAttributes": [
            "btnText",
            "btnUrl"
        ],
        "imageAttributes": [],
        "notes": "🚨 **blockId を必ず入れる。**幅の指定（maxWidth / maxWidthSp）は `#<blockId>{max-width:…}` という形で書き出されるので、blockId が空だと `#undefined{…}` になり **幅が1つも効かない**。既定の「詳細はこちら」より長い文言を入れると、ボタンが親の幅いっぱいに広がって**文字が2行に折り返す**（2026-09-02 実測）。`lw-button-4-<8桁の英数字>` の形で自分で決めて入れること。🚨 **矢印アイコンの色は属性では変えられない。**selectedIcon は SVG の生文字列で、中の `<path>` に fill が無いため文字色（textColor）に追従しない。淡い背景色のボタンにすると**アイコンだけが見えなくなる**。色を合わせたいなら selectedIcon の `<path>` に fill を書き込むか、**要らないなら `iconVisible: false` で消す**（こちらが確実）。maxWidth / maxWidthSp の既定は 320（px）。"
    },
    "attributes": {
        "blockId": {
            "type": "string",
            "default": null,
            "aiHint": {
                "skip": true
            }
        },
        "btnText": {
            "type": "string",
            "default": "詳細はこちら",
            "aiHint": {
                "role": "button",
                "contentGuide": "動詞形。4〜10文字",
                "example": "詳細を見る"
            }
        },
        "bgColor": {
            "type": "string",
            "default": "var(--color-main)",
            "aiHint": {
                "skip": true
            }
        },
        "textColor": {
            "type": "string",
            "default": "#ffffff",
            "aiHint": {
                "skip": true
            }
        },
        "fontWeight": {
            "type": "string",
            "default": "400",
            "aiHint": {
                "skip": true
            }
        },
        "FontSet": {
            "type": "string",
            "default": "",
            "aiHint": {
                "skip": true
            }
        },
        "fontSize": {
            "type": "string",
            "default": "m",
            "aiHint": {
                "skip": true
            }
        },
        "position": {
            "type": "string",
            "default": "center",
            "aiHint": {
                "skip": true
            }
        },
        "positionSp": {
            "type": "string",
            "default": "",
            "aiHint": {
                "skip": true
            }
        },
        "btnUrl": {
            "type": "string",
            "default": "",
            "aiHint": {
                "role": "url",
                "contentGuide": "遷移先URL"
            }
        },
        "openNewTab": {
            "type": "boolean",
            "default": false,
            "aiHint": {
                "skip": true
            }
        },
        "selectedIcon": {
            "type": "string",
            "default": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"/></svg>",
            "aiHint": {
                "skip": true
            }
        },
        "iconVisible": {
            "type": "boolean",
            "default": true,
            "aiHint": {
                "skip": true
            }
        },
        "borderWidth": {
            "type": "number",
            "default": 1,
            "aiHint": {
                "skip": true
            }
        },
        "borderColor": {
            "type": "string",
            "default": "#ffffff",
            "aiHint": {
                "skip": true
            }
        },
        "borderRadius": {
            "type": "number",
            "default": 200,
            "aiHint": {
                "skip": true
            }
        },
        "maxWidth": {
            "type": "number",
            "default": 320,
            "aiHint": {
                "skip": true
            }
        },
        "maxWidthSp": {
            "type": "number",
            "default": 320,
            "aiHint": {
                "skip": true
            }
        }
    }
}