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

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

画像素材について

パターンで使用している画像をそのまま使いたい場合は下記画像をダウンロードして差し替えてください。

設定のコツ
  • 「診療時間」の表はカラムブロックで作成しており、VK Blocksの「アイコン」ブロックで肉球マークをつけています。
  • 「診療案内」の縦書きタイトルは、縦書きにしたい文字に 「高度な設定」>「追加 CSS クラス」から vkp-vertical-writing のクラス名を付与して、グループブロックで囲っい「カスタムCSS」に992px以上で縦書きになる様にCSSを書いています。

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