【はじめて利用する方へ（ユーザー登録していない方）】
ユーザー登録をしなくても、無料パターンはコピーしてそのままご利用いただけます
お気に入り機能やプレミアムパターンのコピーなど、追加機能をご利用いただくには、「Vektor Passport」(もしくはLightning G3 Pro Pack) のライセンスが有効である必要があります。
VK Pattern Library のユーザー登録は VWS のマイアカウント からのみとなります。
VK Pattern Library の ユーザー登録の流れ はこちらをご覧ください。
色を選択#3c8b86
※ この色機能は、キーカラー変数を使用しているパターンでのみ反映されます。コピー＆ペースト時、キーカラーはサイト設定の色に置き換わります。
設定のコツ
- ヒーローエリア(talk-header_wrapper)のカバー背景画像の焦点は、モバイル時に中心としたい場所にしておくことをお勧めします。(この場合、真ん中の人物を中心としています)
- 人物のアイコンと人物の発言の高さを中央にするために、以下を設定
- 人物のアイコンと人物の発言を横並びブロック(talk-theme_item_content)で垂直配置を中央揃え
- 人物の発言(talk-theme_item_content_comment)の下にレスポンシブスペーサーを入れ、1.38remの高さに
(人物の名前の大きさ 1rem と 人物アイコンと人物名の間に入れたレスポンシブスペーサーの高さ XXS ≒ .38rem を足した高さ)
- 人物のアイコンは二つ用意してあり、画面サイズにより切り替わる用意なっています
このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks」を使用しています。
