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

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

設定のコツ
  • グループのテキスト・背景色・枠線の色は、グループブロックの設定の項目から変えています。
    矢印の部分は「カスタムCSS」でbefore と after 要素で背景色と枠線の色を設定しています。
    色を変更する場合は、グループブロックの設定とカスタムCSSの色の該当部分を変更してご利用ください。矢印のサイズは「カスタムCSS」の該当部分の数字を変更して調整してください。

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