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

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

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

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

関連するパターン
プレミアム
行政書士_代表挨拶
表示確認済みテーマ
Lightning ( G3 / theme.json )X-T9
使用プロダクト
VK Blocks
ライセンス区分
プレミアムパターン
業種
士業
パターンタイプ
ページ全体
パターンカテゴリー
会社案内スタッフ紹介(ページ全体)
ヘッダー_全幅_ナビと電話番号&お問い合わせボタン(PCサイズのみ)
表示確認済みテーマ
Lightning ( G3 / theme.json )X-T9
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
士業
パターンタイプ
セクション
パターンカテゴリー
ヘッダー
プレミアム
行政書士_サービス案内
表示確認済みテーマ
Lightning ( G3 / theme.json )X-T9
使用プロダクト
VK Blocks
ライセンス区分
プレミアムパターン
業種
士業
パターンタイプ
ページ全体
パターンカテゴリー
サービス案内
参考画像素材
PxHere

[ PR ]