【はじめて利用する方へ(ユーザー登録していない方)】
ユーザー登録をしなくても、無料パターンはコピーしてそのままご利用いただけます
お気に入り機能やプレミアムパターンのコピーなど、追加機能をご利用いただくには、「Vektor Passport」(もしくはLightning G3 Pro Pack) のライセンスが有効である必要があります。
VK Pattern Library のユーザー登録は VWS のマイアカウント からのみとなります。
VK Pattern Library の ユーザー登録の流れ はこちらをご覧ください。
色を選択#0564a8
※ この色機能は、キーカラー変数を使用しているパターンでのみ反映されます。コピー&ペースト時、キーカラーはサイト設定の色に置き換わります。
設定のコツ
- 動く電話アイコンについて
- VK Blocks のアイコンブロックで、アニメーションクラスを使用して動かしています。アニメーションを解除する場合は、「アイコン設定」のアイコンのクラス名(
fas fa-phone fa-shake)からアニイメーションクラス(fa-shake)を削除してください。
- VK Blocks のアイコンブロックで、アニメーションクラスを使用して動かしています。アニメーションを解除する場合は、「アイコン設定」のアイコンのクラス名(
- タブレットサイズ以下で表示される区切りブロック(下線)について
- タブレットサイズ以下で表示される区切りブロック(下線)は、WordPressコアのブロックの非表示機能で、「デスクトップで非表示」を有効にすることで、デスクトップ時のみ非表示となり、タブレット・モバイル時に表示されます。
- デスクトップサイズ(PC)で表示される枠線に(縦線)ついて
- デスクトップ時に表示される縦線は、幅を
1pxに設定したカラムの左枠線で表現しています。
レイアウト変更でカラム数を減らす場合は、この縦線用のカラムもあわせて削除してください。
なお、CSS の編集が可能な場合は、カラムではなく CSS で罫線を表現すると、レイアウト変更時の管理がしやすくなります。
- デスクトップ時に表示される縦線は、幅を
画像素材について
パターンで使用している画像をそのまま使いたい場合は下記画像をダウンロードして差し替えてください。
画像はライセンスが有効なアカウントでログインすると表示されます
このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks」を使用しています。


