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

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

設定のコツ
  • カラムについているカスタムCSSについて
    • スライドするキャンペーンエリアは、カラムブロックの右側のカラムアイテムに入れていて、左側は空のカラムアイテムにして余白をとっています。カラムの設定で「モバイルでは縦に並べる」がオンになっているので、781px以下で本来はカラムが幅100%になりますが、カラムブロックに「カスタムCSS」で781pxから768px の幅は33.33%になるように、コア側のCSSを上書きしています。
関連するパターン

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

簡単シンプルタグいらず

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

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

VK FullSite Installer のロゴ

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