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

このパターンではプラグイン「VK Block Patterns」「VK Blocks Pro (有料)」を使用しています。

設定のコツ
  • 料金表は、カラムブロックを使用して表のように見せています。背景の薄いグレーは親のカラムブロックの背景に色を指定していますので、色を変える際はそちらから変更してください。値段の記載があるカラムには背景に白の色を指定しています。

【親カラムブロックに背景色(薄いグレー)を設定する理由】
カラムの水平配置を「中央揃え」にしているため、中の子カラムに背景色を設定しても背景が上下いっぱいに伸びないので、親のカラムブロックの背景に色を設定しています。

ベクトルパスポートがあればすべてのパターンが使えます