メガメニューの下記プラグインを利用しています。
https://wordpress.org/plugins/wp-megamenu/
こちらを開いた際に出るメガメニューにkiwi-sliderを利用したいと考えています。
http://loethen.github.io/kiwi-slider/
やったこと
ダッシュボード→外観→メニュー→メニュー構造よりprodact(ナビゲーションラベル)を選択
megamenu yes →stretch row and content →custom html
→ショートコードを記載 [top-slider]
functions.phpに記載
function show_header_slide() { ob_start(); get_template_part('header-slide'); return ob_get_clean(); } add_shortcode('header-slide', 'show_header_slide'); add_filter('widget_text', 'do_shortcode' );
header-slider.php中身(kiwi-sliderのdemoより引用※testの為)
<div id="kiwi-slider" class="kiwi-slider"> <div class="kiwi-inner"> <div class="kiwi-items"> <div class="kiwi-item"> <ul> <li> <a href="#"> <img src="img/01.png" alt=""> <span>MacBook Air</span> </a> </li> <li> <a href="#"> <img src="img/02.png" alt=""> <span>MacBook Pro</span> </a> </li> </ul> </div> <div class="kiwi-item"> <ul> ... </ul> </div> <div class="kiwi-item"> <ul> ... </ul> </div> </div> </div> <div class="kiwi-indicators"> <div class="kiwi-control"> <span class="navcaret"></span> <a href="#">Mac</a> <a href="#">Apps</a> <a href="#">Sever os</a> </div> </div> </div>
ここからCSSとjsを追加したいのですが、headerのみ適用させたい場合プラグインに直接処理を追加しなければならないでしょうか?
Mega Menu Themesよりcssとjsの追加は出来ますが、反映されません。
よろしくお願いします。
あなたの回答
tips
プレビュー