各テーマでこのパターンがどう見えるかプレビューできます。
色を選択#3c8b86
※ この色機能は、キーカラー変数を使用しているパターンでのみ反映されます。コピー＆ペースト時、キーカラーはサイト設定の色に置き換わります。
設定のコツ
- 4半期ごとのカラムブロックからできています
すべてのカラムブロックで [モバイルでは縦に並べる] をOFFにしておきます - イベントを囲ったグループにカスタムCSSを記述することで、イベント名がアイコン(●)の下中央にくるよう配置しています
アイコンからつながる縦線は疑似要素::beforeを利用してカスタムCSSを設定しています - 内容のないカラムがモバイルで非表示にならないように、イベントがない欄にスペーサーを入れています
このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」「Twenty Twenty-Five」「Twenty Twenty-Four」「Twenty Twenty-Three」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。
