バナーリンクブロック

2ページ目以降は上級者向け設定になります。

【上級者向け】初期値カスタマイズ用設定名

設定	説明
■ツールバー
ブロック配置	`blockPosition`
テキスト配置（横）	`contentPosition.horizontal`
テキスト配置（縦）	`contentPosition.vertical`
■リンク
リンク先URL	`link.url`
新しいタブで開く	`link.linkTarget` ※新しいタブで開く場合は`_blank`を設定する
rel	`link.rel`
■バナー設定
画像	`backgroundImage.type` `backgroundImage.id` `backgroundImage.url` `backgroundImage.alt`
焦点	`backgroundImageFocalPoint.x` `backgroundImageFocalPoint.y`
背景色	`backgroundColor` `customBackgroundColor` `gradient` (グラデーション) `customGradient` (グラデーション)
不透明度	`backgroundOpacity`
縦横比	`ratio`
最大幅	`size.maxWidth.desktop` `size.maxWidth.tablet` `size.maxWidth.mobile`
最小高さ	`size.minHeight.desktop` `size.minHeight.tablet` `size.minHeight.mobile`
角丸	`borderRadius`
■枠線設定
太さ	`border.width`
スタイル	`border.style`
色	`border.color.hex` `border.color.slug`
■メインテキスト
テキスト	mainText
フォントサイズ	`mainTextFontSize.desktop.size` `mainTextFontSize.desktop.slug` `mainTextFontSize.tablet` `mainTextFontSize.mobile`
色	`mainTextColor` `customMainTextColor`
line height	`mainTextLineHeight`
letter spacing	`mainTextLetterSpacing`
HTMLタグ	`mainTextHtml`
見出しスタイル削除	`mainTextStyleClear`
■サブテキスト
テキスト	`subText`
フォントサイズ	`subTextFontSize.desktop.size` `subTextFontSize.desktop.slug` `subTextFontSize.tablet` `subTextFontSize.mobile`
色	`subTextColor` `customSubTextColor`
line height	`subTextLineHeight`
letter spacing	`subTextLetterSpacing`
HTMLタグ	`subTextHtml`
見出しスタイル削除	`subTextStyleClear`
メインテキストとの間隔	`subTextMargin.desktop` `subTextMargin.tablet` `subTextMargin.mobile`
■余白
内側余白	`padding.desktop` `padding.tablet` `padding.mobile`
■影
色	`boxShadow.color`
不透明度	`boxShadow.opacity`
X方向・Y方向・ぼかし	`boxShadow.offsetX` `boxShadow.offsetY` `boxShadow.blurRadius`