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

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

設定のコツ

  • カラムブロックの幅を調整することで、セクションやギャラリーに不規則のようで統一されたアクティブ感を出しています
  • モバイル時のパディングを調整するため、レスポンシブスペーサーに非表示設定を利用している箇所があります
    →「特徴」「プラン紹介」など <h2> の上のレスポンシブスペーサーはモバイル時のみ時表示
  • 最下部にお問い合わせボタンとソーシャルアイコンを表示する固定表示ブロック(PC用 / モバイル用) があります
  • ヒーロエリア内のテキストでインライン文字サイズを使い「の」だけを小さめに表示しています
  • 薄グレーの大きな英字「WORKCATION」「ADVANTAGES」など段落のタイポグラフィ[大文字小文字]で大文字に設定しています
  • 全体をグループで囲ってグラデーション背景を設定しています
    グラデーション開始位置(青)と終了位置(グレー)を同じポイントにすることで、左右に色が分かれた背景を実現しています
    操作方法は下記の動画を参考にしてください
関連するパターン
観光_ギャラリー
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )Twenty Twenty-FiveTwenty Twenty-FourTwenty Twenty-Three
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
観光
パターンタイプ
セクション
パターンカテゴリー
ギャラリー
参考画像素材
PxHere
管理ID
19403
プレミアム
地域の防災ポータル
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )Twenty Twenty-FourTwenty Twenty-Three
使用プロダクト
VK Blocks Pro (有料)
ライセンス区分
有料プラグイン使用プレミアムパターン
業種
観光
パターンタイプ
ページ全体
パターンカテゴリー
ダウンロード画像付きトップページ・LP
管理ID
18420
プレミアム
旅行・観光_海_LP
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks Pro (有料)
ライセンス区分
プレミアムパターン
業種
鉄道観光
パターンタイプ
ページ全体
パターンカテゴリー
ダウンロード画像付きトップページ・LP
参考画像素材
PxHere
管理ID
18227

[ PR ]