[英]Unable to implement custom Navigation menu in Wordpress Theme
從今天開始,我開始將html網站轉換為Wordpress主題,在自定義導航菜單入庫之前,一切似乎都很好。
我試圖將以下代碼轉換為wordpress導航菜單,但是我不知道如何將Material Design Lite(外部框架)和wordpress混合使用。
<div class="mdl-layout__tab-bar mdl-js-ripple-effect mdl-color--primary-dark">
<a href="#overview" class="mdl-layout__tab is-active">Overview</a>
<a href="#features" class="mdl-layout__tab">Features</a>
<a href="#features" class="mdl-layout__tab">Details</a>
<a href="#features" class="mdl-layout__tab">Technology</a>
<a href="#features" class="mdl-layout__tab">FAQ</a>
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored mdl-shadow--4dp mdl-color--accent" id="add">
<i class="material-icons" role="presentation">add</i>
<span class="visuallyhidden">Add</span>
</button>
</div>
我只想知道是否可以用上面的代碼創建相同的代碼
<?php wp_nav_menu( $args ); ?>
我應該傳遞一些參數嗎? 還是應該更改儀表板? 既然我是新來的WordPress的,那么一些幫助會很棒! 我希望收到您的來信!
這是你可以做到的
<div id="site-navigation" class="mdl-layout__tab-bar mdl-js-ripple-effect mdl-color--primary-dark">
<?php
$menuParameters = array(
'container' => false,
'echo' => false,
'items_wrap' => '%3$s',
'depth' => 0,
);
echo strip_tags( wp_nav_menu( $menuParameters ), '<a>' );
?>
<script type="text/javascript">
$(document).ready(function(){
$('#site-navigation a:first').addClass('mdl-navigation__link is_active');
$('#site-navigation a').addClass('mdl-navigation__link');
});
</script>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.