WEB限定キャンペーン | 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 )」「Twenty Twenty-Five」「Twenty Twenty-Four」「Twenty Twenty-Three」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。

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

設定のコツ

オレンジ色の丸で囲んだグループブロック [春の] は、ひとつ上位のグループブロック [縦積み] のカスタムCSS で位置を absolute にし、transform で傾けています

背景ブルーのグループブロックにさらにグループを重ねて白枠線を設定しています

右上と左下の三角形は、ブルーのグループブロックの背景色でグラデーションを設定しています。グラデーションが除々にブルーから濃いブルーになるのではなく、グラデーション開始位置と終了位置を同じポイントにする事でくっきりと切り替わって見えます。

https://www.youtube.com/watch?v=vMuWpPjq4vQ

画像素材について

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

画像はライセンスが有効なアカウントでログインすると表示されます

設定のコツ

オレンジ色の丸で囲んだグループブロック [春の] は、ひとつ上位のグループブロック [縦積み] のカスタムCSS で位置を absolute にし、transform で傾けています
背景ブルーのグループブロックにさらにグループを重ねて白枠線を設定しています
右上と左下の三角形は、ブルーのグループブロックの背景色でグラデーションを設定しています。グラデーションが除々にブルーから濃いブルーになるのではなく、グラデーション開始位置と終了位置を同じポイントにする事でくっきりと切り替わって見えます。

https://www.youtube.com/watch?v=vMuWpPjq4vQ