モバイル固定ナビを独自に実装しました
Lightning にプラグイン Lightning G3 Pro Unit を追加すると、スマホの画面下部にモバイル固定ナビを表示できるようになりますが、X-T9 には Lightning G3 Pro Unit のようなプラグインがありません。
そこで、Lightning G3 Pro Unit のモバイル固定ナビと同等のモバイル固定ナビをこの投稿で独自に実装しました。
作成したモバイル固定ナビがこちらです。
この投稿をスマホで表示すると、オリジナルのモバイル固定ナビを実際にご覧いただけます。
オリジナルのモバイル固定ナビの仕様・特長
- 右端のメニューボタンをタップすると WordPress コアのナビゲーションが開きます。
- ナビゲーションが開いたとき、メニューボタンのアイコンが × に変わります。
- ブロックエディター画面でボタンの並び順、Font Awesome アイコン、ボタンの色などをかんたんに設定できます。（MENU ボタンを除いて）
- ボタンの数を増やせますが、実用上は6個が上限と思います。
関連記事
Lightning で同様のカスタマイズを行った実装例です。
投稿者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら…という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
最新の投稿
X-T92025年10月24日X-T9 のサイトにモバイル固定ナビを実装しました
VK Blocks2025年10月10日VK Blocks の吹き出しのようなものをノーコードで作ってみた
WordPress2025年9月13日ノーコードで作った見出しのスタイル
X-T92025年9月5日ブログページをスマホで2列のレイアウトにカスタマイズしました
