SmaVeksive 1.1.0 では、サイトエディターのテンプレートパーツに「ナビゲーションオーバーレイ」の初期パターンを追加しました。

「ナビゲーションオーバーレイ」テンプレートは WordPress 7.0 で追加された機能です。ヘッダーのモバイルメニュー(ハンバーガーメニュー)を開いたときの表示を、ブロックで自由にカスタマイズできます。
モバイルのナビゲーションがよりカスタマイズしやすくなると思いますので、ぜひご活用ください。
初期パターンの内容

検索フォームとお問い合わせボタンのある、シンプルな全画面オーバーレイパターンです。
背景色付きで画面全体を覆うため、スマホでメニューを開いたときに後ろのページが透けて見えることがありません。また、高さの指定にはスマホの表示領域に追従する単位(dvh)を使っているため、アドレスバーの表示・非表示が切り替わっても画面の下端に隙間ができません。
使い方
既存サイトの表示は自動では切り替わりません。「Navigation Overlay」を選択するまでは、これまでどおり WordPress 標準のオーバーレイで表示されます。
外観 > エディター > パターン > ヘッダー(またはテンプレートパーツ一覧)から Header Logo Mobile Navi を開き、ナビゲーションブロックを選択します。画面右側の設定にある「オーバーレイテンプレート」のプルダウンから「Navigation Overlay」を選んで保存します。
※オーバーレイの可視性がオフのときは「オーバーレイテンプレート」のプルダウン自体表示されません

その他の改善
高さ・幅の指定に、スマホのアドレスバーの表示状態を考慮した単位(svh・lvh・dvh・svw・lvw・dvw)を選べるようにしました。ナビゲーションオーバーレイ以外のブロックでもご利用いただけます。
WordPress ブロックテーマ SmaVeksive については、以下よりご確認ください。
SmaVeksive は、Vektor Pasport のライセンスをお持ちであればすぐにご利用いただけますので、ぜひお試しください。


を購入して
特典をゲットしよう!


特典A
X-T9 工務店
( ナチュラル )
19,800円 (税込)
0円に!


特典B
Lightning ビジネス
(Evergreen)
9,900円 (税込)
0円に!


特典C
Lightning 工務店
( ナチュラル )
19,800円(税込)
0円に!
今なら!
Vektor Passport の
有効期間中、上記の
デモサイトデータを
何度でも素早くまるごと
インポートできます!


パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを500以上公開中!コピペしながら高品質なサイトを簡単に作れます。
ブロックエディターで
ABテストを
自由に作成できる

VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。
















