Materializecss wordpress mobile side menu в складном

Я пытаюсь сделать тему Wordpress с помощью MaterializeCSS. У меня почти все работает, за исключением моего мобильного меню. В моем меню у меня есть 4 основных элемента, под ними подпапки. Я хочу показать это так же в боковом меню, используя класс «складной». В тестовой среде, где я не создаю элементы меню динамически, я могу заставить его работать, но всякий раз, когда я хочу, чтобы меню, созданное Wordpress, не могло произойти.Materializecss wordpress mobile side menu в складном

Я знаю, что должен использовать навигатор, и я уже много часов занимаюсь этим, но я не могу заставить его работать.

Скрипки, что я хочу: https://jsfiddle.net/bdf7yvbc

<ul class="collapsible collapsible-accordion"> 
    <li> 
    <a class="collapsible-header">MSG</a> 
    <div class="collapsible-body"> 
     <ul> 
     <li><a href="bestuur.php">Bestuur</a></li> 
     <li><a>Commissies</a></li> 
     <li><a>Agenda</a></li> 
     </ul> 
    </div> 
    </li> 
</ul>

источник

2016-02-26 Thoran

Не могли бы вы дать нам ссылку на страницу Wordpress, где навигация не работает, как ожидалось? Скрипка выглядит нормально, поэтому я не знаю точно, как мы могли бы помочь. – SaschaM78

Да, проблема не в том, что я не могу ее создать. Я просто не знаю, как перевести его в рабочее меню типа Wordpress. Сайт, на котором я хочу использовать его: http://www.msg.utwente.nl/wordpress/ – Thoran

я, наконец, удалось это сделать, а не с помощью wp_nav_menu и ходунков, но с использованием wp_get_nav_menu_items.

Мой код, если кому-то интересно:

<?php 

$menu_name = 'Side-Nav'; //Name as shown in Appearance -> Menus 

if (($menu = wp_get_nav_menu_object($menu_name)) && (isset($menu))) { 
    $menuitems = wp_get_nav_menu_items($menu->term_id); 
    ?> 

    <ul class="collapsible collapsible-accordion"> 
    <?php 
    $count = 0; 
    $submenu = false; 
    foreach($menuitems as $item): 
     $link = $item->url; 
     $title = $item->title; 
     // item does not have a parent so menu_item_parent equals 0 (false) 
     if (!$item->menu_item_parent): 
     // save this id for later comparison with sub-menu items 
     $parent_id = $item->ID; 
    ?> 

    <li> 
     <a class="collapsible-header"><?php echo $title; ?></a> 
     <div class="collapsible-body"> 
     <ul> 
      <li><a href="<?php echo $link; ?>"> 
      <?php echo $title; ?> 
     </a></li> 
    <?php endif; ?> 

     <?php if ($parent_id == $item->menu_item_parent): ?> 
       <li> 
        <a href="<?php echo $link; ?>"><?php echo $title; ?></a> 
       </li> 

      <?php if ($menuitems[ $count + 1 ]->menu_item_parent != $parent_id && $submenu): ?> 
      </ul> 
      <?php $submenu = false; endif; ?> 

     <?php endif; ?> 

    <?php if ($menuitems[ $count + 1 ]->menu_item_parent != $parent_id): ?> 
    </li>       
    <?php $submenu = false; endif; ?> 

<?php $count++; endforeach; }?>

источник

2016-03-03 20:03:17 Thoran

Materializecss wordpress mobile side menu в складном

ответ

Смежные вопросы