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

このパターンではプラグイン「VK Blocks」「VK Block Patterns」を使用しています。

画像素材について

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

設定のコツ
  • ヘッダーの「電話番号とお問い合わせボタン」は、VK Blocks の「非表示設定」で画面サイズごとで出しわけしています。
  • ヒーローエリアの「PC用キャッチコーピー」と「モバイル用キャッチコピー」部分は、「非表示設定」でPC用とモバイル用でそれぞれ出し分けています。テキストを修正する際は、忘れずにどちらも修正してください。
  • ヘッダー下のカラムブロック(サービス案内)は、カラムブロックのマージン上にネガティブマージンでマイナス値を設定し、カバーブロックに重なるようにしています。
  • ヘッダー下のカラムブロック(サービス案内)と、ご案内セクションのカラムブロックのリンクは、カラムから設定しています。
  • ずらしたデザインの背景色は、グループブロックの背景のグラデーションで調整しています。下の動画を参照してください。
ナビゲーションについて
ブロックテンプレートパーツ機能について
関連するパターン
行政書士_代表挨拶
表示確認済みテーマ
Lightning ( G3 / theme.json )X-T9
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
士業
パターンタイプ
ページ全体
パターンカテゴリー
会社案内スタッフ紹介(ページ全体)
ヘッダー_全幅_ナビと電話番号&お問い合わせボタン(PCサイズのみ)
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
士業
パターンタイプ
セクション
パターンカテゴリー
ヘッダー
プレミアム
行政書士_サービス案内
表示確認済みテーマ
Lightning ( G3 / theme.json )X-T9
使用プロダクト
VK Blocks
ライセンス区分
プレミアムパターン
業種
士業
パターンタイプ
ページ全体
パターンカテゴリー
サービス案内
参考画像素材
PxHere

簡単シンプルタグいらず

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