このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」「Twenty Twenty-Five」「Twenty Twenty-Four」「Twenty Twenty-Three」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。

このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。

設定のコツ

  • 右カラムにスライダーが入っています
    画面の右いっぱいまで表示されるよう、右カラムにカスタムCSS を設定しています
  • 左カラムは幅 10em にしています
    配下のグループブロック内の見出しと段落は、No wrap により改行しない設定になっており、実際にはカラム (10em) より右へはみ出して表示されます
    そのとき 右カラムよりも表に表示されるよう、グループにカスタムCSS で z-index を設定しています
関連するパターン
吹き出しに疑問が書いてあるCTA
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
ビジネス全般
パターンタイプ
セクション
パターンカテゴリー
CTA
管理ID
23611
3つの特徴_ステッチ風
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
ビジネス全般
パターンタイプ
セクション
パターンカテゴリー
特徴・PRカラムメニュー
管理ID
23396
スクロールするとポップアップで出てくるCTA
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )Twenty Twenty-FiveTwenty Twenty-FourTwenty Twenty-Three
使用プロダクト
VK Blocks Pro (有料)
ライセンス区分
有料プラグイン使用
業種
ビジネス全般
パターンタイプ
セクション
パターンカテゴリー
CTA
管理ID
23392