【VK Patterns Library をはじめて利用する方へ】
VK Pattern Library のユーザー登録するには Lightning G3 Pro Pack か Vektor Passport のいずれかのライセンスが有効である必要があります。
VK Pattern Library のユーザー登録は VWS のマイアカウント からのみとなります。
VK Pattern Library の ユーザー登録の流れ はこちらをご覧ください。
このパターンではテーマ「Twenty Twenty-Four」「Twenty Twenty-Five」「Lightning ( G3 / theme.json )」「X-T9」「Twenty Twenty-Three」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。
設定のコツ
- 幅広のスライダーブロックを使ってます
スライダー内のテキストにカスタムCSS でシャドウをつけています
スライダー内の見出しが画面幅によってちょうどよいサイズになるよう、カスタムCSS でfont-size: clamp();調整しています - Outer ブロックの区切りの設定で上部にギザギザを使っています
このとき直前にある Outer の背景色と同じ色を上部区切りの背景に設定することで、ギザギザがつながって見えます - 農作物の一覧は、WordPress 6.6 からの機能グリッドグループを使っています
- SNSアイコンを、固定表示ブロックでページ右側に表示しています(PC時のみ)
- モバイル時のナビゲーションはページの一番下にあります
こちらも固定表示ブロックを使って、モバイル時のみページ右上に表示されるようにしています
