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

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

設定のコツ
  • レイアウトは、グループブロックのグリッドを選択してグリッドレイアウトにします。各アイテムはグループでラップし、背景を白にします( 以下 item-outer )。
  • VK Blocks のアイコンを設置してグループブロックでラップし(マイナスオフセット用)、グループにマイナスマージンを設定
  • 「1」で背景白を入れた外側のグループ(item-outer)に、「2」で設定したマイナスマージンの数値(例 -4rem)の、マイナスを外した半分の数値(例 2rem から2.4rem)をマージンに設定する。(アイコンをマイナスオフセットしているため、グリッドが段落ちしたときにブロック同士の間隔が詰まってしまうのを防ぐ目的)
このパターンをもとにしたサイトのデータをまるごとインポートできます

VK FullSite Installer を利用すると、このパターンを採用したサイトを丸ごとインポートできます。

VK FullSite Installer | 目的に応じたデモサイトデータから超カンタンにウェブサイトが立ち上がります

目的に応じたデモサイトデータから超カンタンにウェブサイトが立ち上がります

関連するパターン
プレミアム
クリニック向け アクセス&予約CTA
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks
ライセンス区分
プレミアムパターン
業種
医療
パターンタイプ
セクション
パターンカテゴリー
CTA
管理ID
23159
プレミアム
院長とスタッフ紹介
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
ライセンス区分
プレミアムパターン
業種
医療
パターンタイプ
ページ全体
パターンカテゴリー
スタッフ紹介(ページ全体)
管理ID
23137
プレミアム
当院について
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks
ライセンス区分
プレミアムパターン
業種
医療
パターンタイプ
ページ全体
パターンカテゴリー
コンセプト・強みダウンロード画像付き
管理ID
22940

ベクトルパスポートがあればすべてのパターンが使えます

簡単シンプルタグいらず

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

爆速!!1分デモサイトと同じ
ホームページができる

VK FullSite Installer のロゴ

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。