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

このパターンではプラグイン「VK Blocks Pro (有料)」を使用しています。

設定のコツ
  • ヒーローエリアと最下部にある角を切り落としたようなデザインは、グループブロックの背景色でグラデーションを設定しています。グラデーションが除々に白から透明になるのではなく、グラデーション開始位置と終了位置を同じポイントにする事で、白から透明にいきなり切り替わり切り落としたように見えます。

画像素材について

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

関連するパターン

簡単シンプルタグいらず

すぐにサイト状況を表示する
便利なプラグイン