CSS javascript web技術 wordpress

2018WordPressにBootStrap4のナビゲーションを組み込むver2

bootstrap-navwalkerはWordPressにBootstrapのナビを組み込むファイルです。ドロップダウンなんかも出来ます。

以前紹介しましたが、アップデートされている様なので、再度書きました。


wp-bootstrap/wp-bootstrap-navwalker at v4
まず、有志が作った最新版を落とす。

Bootstrap4CDNをさくっと。

 

Gitからダウンロードしたclass-wp-bootstrap-navwalker.phpをテーマフォルダに入れる。
functionでwp-bootstrap-navwalkerを読み込む

 

 

header.phpなんかに以下を追加。

自作したカスタムメニューがある場合、wp_nav_menu( array(の中に自分の作ったカスタムメニュー名

などと追記する。

余談ですが、マウスオーバーでドロップダウンを開くようにするにはcssに以下を追加します。

 

以上。後は任せた。

-CSS, javascript, web技術, wordpress