このパターンではテーマ「Twenty Twenty-Four」「Twenty Twenty-Five」「Lightning ( G3 / theme.json )」「X-T9」「Twenty Twenty-Three」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。
設定のコツ
- カラムブロックの各カラムの背景に、グラデーションを設定しています。
左上から白で始まり右下が透明になるように、くっきりとしたグラーデーションにすることで、カラムの右下が切り取られたように見えます。 - カバーブロック内のグループブロックに上余白を多めにとり、下から黒いグラデーションを付けています。
- お客様の声本文の段落にカスタムCSS で均等割り付けを指定しています。この点を気なさらないようでしたら、VK Blocks Pro (有料)がない環境でもお使いいただくことができます。