沃克類在WordPress

我想在我的頁腳導航來創建此導航結構：沃克類在WordPress

<div class="footer container"> 
    <div class="footer-nav-containers"> 
     <ul> 
      <li></li> 
      <li></li> 
      <li></li> 
     </ul> 
    </div> 
    <div class="footer-nav-containers"> 
     <ul> 
      <li></li> 
      <li></li> 
      <li></li> 
     </ul> 
    </div> 
    <div class="footer-nav-containers"> 
     <ul> 
      <li></li> 
      <li></li> 
      <li></li> 
     </ul> 
    </div> 
</div>

我是很新，WordPress和很感激我將如何設置這爲步行者任何幫助類。謝謝！

來源

2016-06-17 wbhood

這裏有一個很好的解釋：http://code.tutsplus.com/tutorials/understanding-the-walker-class--wp-25401。你想要做什麼？你想在你的頁腳重複你的主/頭導航嗎？ –

感謝@NathanielFlick基本上我試圖將硬編碼轉換爲WP主題。在頁腳中，我想將每個ul包裝在一個名爲「footer-nav-containers」的div中。從我讀過的內容來看，使用助行類將是我的最佳選擇，但我不確定如何獲得這種結構。 – wbhood

嗨，你可以做沃克，但我通常傾向於創建一個外觀/菜單（你可以打電話給你的頁腳或者只需在頁腳再次調用主導航，如果你想讓它們成爲相同的項目）。這裏有一些很好的信息：https://premium.wpmudev.org/blog/add-menus-to-wordpress/ –

-1

首先，該HTML無效。你需要把<li>爲<ul> 我假設你已經註冊了「footer」菜單

反正....

<?php wp_nav_menu(array( 
     'theme_location' => 'footer', 
     'menu_id' => 'footer-menu' , 
     'container'   => 'div', 
     'menu_class'  => 'footer container', 
    ) 
    ); 
    ?>

而添加的jQuery的渦旋齒3的菜單項。

var items = $(".footer container > li"); 
for(var i = 0; i < items.length; i+=3) { 
    items.slice(i, i+3).wrapAll("<div class='footer-nav-containers'></div>"); 
}

來源

2016-06-17 15:54:37 dkruchok

沃克類在WordPress

回答

相關問題