日別アーカイブ: 2020/02/02

WordPressのメニューにBootstrapのNavbarとDropdown


前回の続きで今回はメニューのカスタマイズについて説明していこうと思います。当初はW3.CSSを採用したかったのですが、ナビゲーションシステムがリストを使っていなかったのでちょっと面倒臭くなりそうということでBootstrap4を使うことにしてNavbarとDropdownを適用してみることにしました。
当初はそのままheaderのナビゲーションのコードを書いていたのですが、メニュー設定は管理画面からやりたいなぁと思いフィルターフックでクラスなどを書き換えてみたのですが、複数階層のドロップダウンを使用するにはWaler_Nav_Menuの派生クラスを使った方がいいのでは?」と思った次第です。
メニューに子供がいる場合はドロップダウン表示をする感じのイメージです。

モバイル画面だとこんな感じです。リンクを格納してアイコンをクリックすると開くようにします。


実際のコーディングですが。。。
続きを読む