ハンバーガーメニューをパソコンでも使ってみるカスタマイズ
パソコン画面でグローバルメニューを使わずに、代わりにモバイルナビ(ハンバーガーボタン)を使ってみたカスタマイズの例です。
ヘッダーまわりがすっきりしますので、制作するサイトによってはこの方がシンプルで好まれることがありそうですね。
2021/08/20 追記 以下に表示してあるヘッダー見本だとあまりにもすっきりし過ぎなので、SNS アイコンを置いたり、ヘッダーの背景色を設定したりしてみました。
ヘッダーに配置したハンバーガーボタン

ハンバーガーメニューが開いた状態

第2弾 和風の「おしながき」っぽくカスタマイズしてみました
さらにカスタマイズして、以下の記事のように和風サイトに合うデザインにしてみました。
オリジナルハンバーガーメニューのカスタマイズ実装例はこちら
投稿者プロフィール

- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。
メールでのお問い合わせはこちら
最新の投稿
WordPress2025年12月24日クエリーループを使ってノーコードで作った投稿リスト + 追加カスタマイズ
Lightning G32025年10月24日オリジナルのモバイル固定ナビ② - ナビゲーションブロックと組み合わせ
Lightning G32025年10月24日オリジナルのモバイル固定ナビ① - Lightning モバイルナビと組み合わせ
VK Blocks2025年9月30日VK スライダーで作った左右にゆっくり流れるギャラリー



