メニュー表 | VK パターンライブラリ

Lightning

【はじめて利用する方へ（ユーザー登録していない方）】

ユーザー登録をしなくても、無料パターンはコピーしてそのままご利用いただけます

お気に入り機能やプレミアムパターンのコピーなど、追加機能をご利用いただくには、「Vektor Passport」(もしくはLightning G3 Pro Pack) のライセンスが有効である必要があります。

ライセンスを購入する場合はこちら⇒１年・３年・５年

VK Pattern Library のユーザー登録は VWS のマイアカウントからのみとなります。

VK Pattern Library のユーザー登録の流れはこちらをご覧ください。

【VK Patterns Library のユーザー登録がお済みの方へ】

以下の機能はログイン時のみご利用いただけます。ご利用の際は ログイン してください。

ただし、Vektor Passport (もしくはLightning G3 Pro Pack) のライセンスが無効な場合は、これらの機能はご利用いただけません。

ライセンスを購入する場合はこちら⇒１年・３年・５年

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

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

メニュー名と料金部分について
- メニュー名と料金は「横並び」ブロックで、【レイアウト】> 【配置】を「項目の間隔」にして左右に並べています。
- 料金部分は改行させたくないので、段落ちしないように VK Blocks の機能改行禁止指定の「Nowrap」にしています。
- 『円(税込)』の部分は文字を小さくしたいので、VK Blocks の機能「インライン文字サイズ」でテキストの一部を小さく指定しています。

グリッドカラムのレイアウトについて
- 全体のレイアウトは VK Blocks Pro の「グリッドカラムカード」ブロックを使用しています。最小サイズが設定できますので大変便利です。
- カラムの幅設定は「%」の単位にして、以下のように設定しています。
  - カラムの最小サイズ（PC / 任意）「20%」
  - カラムの最小サイズ（タブレット / 任意）「40%」
  - カラムの最小サイズ（モバイル）「100%」
メニュー名と料金部分について
- メニュー名と料金は「横並び」ブロックで、【レイアウト】> 【配置】を「項目の間隔」にして左右に並べています。
- 料金部分は改行させたくないので、段落ちしないように VK Blocks の機能改行禁止指定の「Nowrap」にしています。
- 『円(税込)』の部分は文字を小さくしたいので、VK Blocks の機能「インライン文字サイズ」でテキストの一部を小さく指定しています。

画像_クリックで拡大