【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 )」「Twenty Twenty-Five」「Twenty Twenty-Four」「Twenty Twenty-Three」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks Pro (有料)」を使用しています。
設定のコツ
- 「ヒーローエリア」セクションはカバーブロックとグループブロックを組み合わせています
一番下の「お問い合わせ」セクションも同様です - 「農業アルバイトとは？」セクションはカラムブロックです
「地域農業の支援」などタイトルのグループ (背景・緑) にネガティブマージンを設定することで、画像に少し重なるようになります
「こんな人へおすすめします」セクションも同様です - 「募集中のアルバイト」セクションはグリッドカラムカードです
「詳しく見る」ボタンを下揃えにしたいために、グリッドカラムカードを使っています
グリッドカラムカードアイテムの背景・白 / 枠線・青に設定しています
作業タイトル (背景・青) のなかに空白のグループ (背景・白 / 上のみ角丸) を置いて、角丸が逆のように見えます - セクションごとにグループで囲ってグラデーション背景を設定しています
グラデーション開始位置と終了位置を同じポイントにすることで、斜めに色が分かれた背景となります
操作方法は下記の動画を参考にしてください
