色を選択#0b5fa9

※ この色機能は、キーカラー変数を使用しているパターンでのみ反映されます。コピー&ペースト時、キーカラーはサイト設定の色に置き換わります。

設定のコツ
  • ずらした背景色は、グループブロックの「背景」の「グラデーション」から設定しています。
    色を変更する場合は、グループブロックを選択して「色」>「背景」の「グラデーション」タブに切り替えて、⚪︎の形の「コントロールポイント」を選択して色を変更できます。コントロールポイントが選択しづらい場合は左右に少しずらして変更してください。
  • フッター上の「車」のアイコンを変更する場合は、動いているため選択しずらいので、左側の三本線アイコン「ドキュメント外観」をクリックして、ブロックの「リストビュー」を表示し、アイコンブロックを選択してブロックの設定画面から変更してください。

画像素材について

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

トップページ・ヘッダー・フッター用ブロックパターンの使い方
ヘッダー背景に色がある場合
ナビゲーションについて
ブロックテンプレートパーツ機能について

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

このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。

関連するパターン
比較表_メリット・デメリット
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
ビジネス全般ブログ
パターンタイプ
セクション
パターンカテゴリー
管理ID
24641
ビジネス全般_フッター_シンプルテキストライトグレー
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
ビジネス全般
パターンタイプ
セクション
パターンカテゴリー
フッター
管理ID
24614
プレミアム
数字で見るページ_円グラフ_棒グラフ
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks Pro (有料)カスタムCSS
ライセンス区分
プレミアムパターン
業種
ビジネス全般
パターンタイプ
ページ全体
パターンカテゴリー
採用情報
管理ID
24108