外部AI向けガイドに戻る
LiteWord テーマ情報
{
"name": "wdl/lw-pr-button-3",
"title": "PRボタン 03",
"category": "lw-button",
"description": "プレミアムリンクボタン（スタイル03）",
"aiHint": {
"description": "ダウンロードのアイコンつき2段ボタン。上に小さい副文、下に大きい主文。資料請求・カタログのダウンロード・申込書のダウンロードに",
"excludeFromAutoSelect": false,
"contentAttributes": [
"textMain",
"textSub",
"btnUrl"
],
"imageAttributes": [],
"notes": "🚨 **bgColor の既定 #e1a20e（オレンジ）に白い文字が載るので 2.25:1 しかない**（下限は4.5）。必ず色を指定する。color-mix(in srgb, var(--color-main) 50%, #000) にするとサイトのメインカラーに追従しつつ、どの色でも白文字が読める（黄 6.40 ／ 白に近い灰 4.67 ／ 既定色 12.08 で実測）。ホバーは 40%。🚨 **副文（textSub）の既定が「＼ テキストテキストテキスト ／」**なので必ず書き換える。textMain が大きい行、textSub が上の小さい行。iconMain は **SVGのマークアップそのもの**（Font Awesome のクラス名を入れるとその文字が画面に出る）。既定が下向き矢印のダウンロード印なので、資料配布ならそのままでよい。btnUrl にPDFのURLを入れる。1段でよいなら lw-pr-button-5、複数並べるなら lw-pr-button-6。"
},
"attributes": {
"textSub": {
"type": "string",
"default": "＼ テキストテキストテキスト ／",
"aiHint": {
"role": "subheading",
"contentGuide": "補足テキスト。＼ ／で囲む",
"example": "＼ 無料でダウンロード ／"
}
},
"textMain": {
"type": "string",
"default": "資料ダウンロードはこちら",
"aiHint": {
"role": "button",
"contentGuide": "メインボタンテキスト。5〜15文字",
"example": "サービス資料をダウンロード"
}
},
"btnUrl": {
"type": "string",
"default": "",
"aiHint": {
"role": "url",
"contentGuide": "ダウンロードURL or ページURL"
}
},
"openNewTab": {
"type": "boolean",
"default": false,
"aiHint": {
"skip": true
}
},
"btnAlign": {
"type": "string",
"default": "center",
"aiHint": {
"skip": true
}
},
"btnAlignSp": {
"type": "string",
"default": "default",
"aiHint": {
"skip": true
}
},
"bgColor": {
"type": "string",
"default": "#e1a20e",
"aiHint": {
"skip": true
}
},
"bgColorHover": {
"type": "string",
"default": "#c4880b",
"aiHint": {
"skip": true
}
},
"textColorMain": {
"type": "string",
"default": "#ffffff",
"aiHint": {
"skip": true
}
},
"textColorSub": {
"type": "string",
"default": "#ffffff",
"aiHint": {
"skip": true
}
},
"borderWidth": {
"type": "number",
"default": 0,
"aiHint": {
"skip": true
}
},
"borderColor": {
"type": "string",
"default": "#000000",
"aiHint": {
"skip": true
}
},
"borderRadius": {
"type": "number",
"default": 2,
"aiHint": {
"skip": true
}
},
"iconMain": {
"type": "string",
"default": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z\"/></svg>",
"aiHint": {
"skip": true
}
},
"iconMainColor": {
"type": "string",
"default": "#ffffff",
"aiHint": {
"skip": true
}
},
"iconMainSize": {
"type": "number",
"default": 32,
"aiHint": {
"skip": true
}
},
"iconMainMarginRight": {
"type": "number",
"default": 10,
"aiHint": {
"skip": true
}
},
"iconMainMarginLeft": {
"type": "number",
"default": -8,
"aiHint": {
"skip": true
}
},
"FontSet": {
"type": "string",
"default": "",
"aiHint": {
"skip": true
}
},
"fontWeightMain": {
"type": "string",
"default": "500",
"aiHint": {
"skip": true
}
},
"fontWeightSub": {
"type": "string",
"default": "500",
"aiHint": {
"skip": true
}
},
"fontSizeMain": {
"type": "number",
"default": 22,
"aiHint": {
"skip": true
}
},
"fontSizeMainSp": {
"type": "number",
"default": 18,
"aiHint": {
"skip": true
}
},
"fontSizeSub": {
"type": "number",
"default": 14,
"aiHint": {
"skip": true
}
},
"maxWidth": {
"type": "number",
"default": 580,
"aiHint": {
"skip": true
}
},
"maxWidthSp": {
"type": "number",
"default": 480,
"aiHint": {
"skip": true
}
},
"paddingY": {
"type": "number",
"default": 1.1999999999999999555910790149937383830547332763671875,
"aiHint": {
"skip": true
}
},
"paddingX": {
"type": "number",
"default": 1.5,
"aiHint": {
"skip": true
}
},
"transitionDuration": {
"type": "number",
"default": 0.299999999999999988897769753748434595763683319091796875,
"aiHint": {
"skip": true
}
},
"shakeAnimation": {
"type": "boolean",
"default": false,
"aiHint": {
"skip": true
}
},
"shakeInterval": {
"type": "number",
"default": 3,
"aiHint": {
"skip": true
}
},
"shakeIntensity": {
"type": "string",
"default": "normal",
"aiHint": {
"skip": true
}
},
"shadowX": {
"type": "number",
"default": 0,
"aiHint": {
"skip": true
}
},
"shadowY": {
"type": "number",
"default": 0,
"aiHint": {
"skip": true
}
},
"shadowBlur": {
"type": "number",
"default": 6,
"aiHint": {
"skip": true
}
},
"shadowOpacity": {
"type": "number",
"default": 0.200000000000000011102230246251565404236316680908203125,
"aiHint": {
"skip": true
}
},
"btnLinkType": {
"type": "string",
"default": "url",
"aiHint": {
"skip": true
}
},
"btnPageId": {
"type": "number",
"default": 0,
"aiHint": {
"skip": true
}
},
"btnCategoryId": {
"type": "number",
"default": 0,
"aiHint": {
"skip": true
}
}
}
}