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

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

関連するパターン

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

簡単シンプルタグいらず

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

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

VK FullSite Installer のロゴ

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