php - 无法在Wordpress主题中实现自定义导航菜单

从今天开始，我开始将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>

关于php - 无法在Wordpress主题中实现自定义导航菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36004519/