各テーマでこのパターンがどう見えるかプレビューできます。
色を選択#3c8b86
※ この色機能は、キーカラー変数を使用しているパターンでのみ反映されます。コピー＆ペースト時、キーカラーはサイト設定の色に置き換わります。
設定のコツ
- 白背景色について
- グリッドブロックの直下にあるグループブロックに背景色を設定しています。
この構造にすることで、テキスト量が増減しても白背景が自動で伸縮し、デザインが崩れにくくなっています。
- グリッドブロックの直下にあるグループブロックに背景色を設定しています。
- ステッチ風の枠線について
- ステッチ風の枠線は、各カラム内のカバーブロックの枠線設定を使っています。
カバーブロックには「最小の高さ」を設定しているため、コンテンツが少ない場合でも、デザイン上の高さが保たれるようになっています。テキスト量が増える場合は、最小の高さの数値を調整してください。
- ステッチ風の枠線は、各カラム内のカバーブロックの枠線設定を使っています。
このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks」を使用しています。
