ハンバーガーボタンをクリックしたときに、画面の左右から扉が閉まるような立体的な動きで出てくるメガメニューを作りました。

扉が開閉するような立体的な動きをするハンバーガーメニュー(メガメニュー)

この投稿に実装してありますので、画面右上のハンバーガーボタンをクリックして実際の動きをご覧ください。

  • 広い範囲を使えるので、コンテンツが多いサイトでお役に立てると思います。
  • メニュー部分をブロックエディターでビジュアル編集する仕様にしてありますので、柔軟にかんたんにお好みのデザイン・レイアウトにすることができます。
  • 「お客様の声」をカスタム投稿タイプにして、最新のものを自動的に表示することも可能です。
  • お客様に見ていただくデモ用のプロトタイプとしてとりあえず作ったもので、現時点でレスポンシブ対応や細かい CSS 調整などを行っていません😓
  • 現状、ExUnit 高速化設定で [JavaScriptをフッターで読み込む] が有効になっていると動作しません。(←解決可能・自分用備忘録)

MENU

Follow me!