このパターンではテーマ「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 | 目的に応じたデモサイトデータから超カンタンにウェブサイトが立ち上がります

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

関連するパターン
鍼灸院_項目手入力複数枚スライダー_カスタムCSS
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )Twenty Twenty-FiveTwenty Twenty-FourTwenty Twenty-Three
使用プロダクト
VK Blocks Pro (有料)カスタムCSS
ライセンス区分
有料プラグイン使用
業種
医療
パターンタイプ
セクション
パターンカテゴリー
スライダー
管理ID
23049
鍼灸院_当院の特徴
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks
ライセンス区分
無料
業種
医療
パターンタイプ
セクション
パターンカテゴリー
コンセプト・強み
管理ID
22893
プレミアム
クリニック向け アクセス&予約CTA
表示確認済みテーマ
X-T9Lightning ( G3 / theme.json )
使用プロダクト
VK Blocks
ライセンス区分
プレミアムパターン
業種
医療
パターンタイプ
セクション
パターンカテゴリー
CTA
管理ID
23159

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

簡単シンプルタグいらず

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

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

VK FullSite Installer のロゴ

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