【VK Patterns Library をはじめて利用する方へ】
VK Pattern Library のユーザー登録するには Lightning G3 Pro Pack か Vektor Passport のいずれかのライセンスが有効である必要があります。
VK Pattern Library のユーザー登録は VWS のマイアカウント からのみとなります。
VK Pattern Library の ユーザー登録の流れ はこちらをご覧ください。
このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Block Patterns」「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。
画像素材について
パターンで使用している画像をそのまま使いたい場合は下記画像をダウンロードして差し替えてください。
画像はライセンスが有効なアカウントでログインすると表示されます
設定のコツ
- 「診療時間」の表はカラムブロックで作成しており、VK Blocksの「アイコン」ブロックで肉球マークをつけています。
- 「診療案内」の縦書きタイトルは、縦書きにしたい見出しとテキストブロックの「スタイル」の設定画面から「タイポグラフィ」 の「方向」>「縦」にしています。見出しとテキストが横に並ぶように「横並び」ブロックでラップしています。
768px 以下では横書きに戻るように、見出しとテキストブロック各設定画面の「高度な設定」>「追加 CSS クラス」からvkp-vertical-writing
のクラス名を付与して、「横並び」ブロックの「カスタムCSS」に 768px 以下で横書きに戻すCSSを書いています。