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

Bootstrap

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に以下を追加します。

 

以上。後は任せた。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください