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

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

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

画像素材について

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

関連するパターン

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