簡體   English   中英

添加一個div並使用wordpress walker更改類或導航菜單?

[英]Add a div and change the classes or navigation menu using wordpress walker?

我想知道如何制作WordPress wp_nav_menu()或wp_list_pages()Walker類,該類將生成導航菜單輸出,如下所示?

<!-- Level1 -->
    <li class="current">
            <a href="#">Name</a>
<!--Level2-->
            <div class="nav-sub">
                    <ul>
                            <li><a href="#">Name</a></li>
                            <li>
                                    <a href="#">Name</a>
<!--Level3-->
                                    <div class="nav-sub">
                                            <ul>
                                                    <li>
                                                            <a href="#">Name</a>
<!--Can Add Unlimited levels If Possible-->
                                                    </li>
                                                    <li><a href="#">Name</a>
                                            </li>
                                            </ul>
                                    </div>
                            </li>
                            <li><a href="#">Name</a></li>
                            <li><a href="#">Name</a></li>
                    </ul>
            </div>
    </li>

    <!-- This is One Level only -->
    <li>
            <a href="#">Name</a>
    </li>

我嘗試了很多方法,但不能僅僅弄清楚。 這是使用wp_list_pages()的當前輸出

<ul class="myclass">
<li id="home"><a href="/index.php">Home</a></li>
<li class="page_item page-item-2 page_item_has_children"><a href="http://localhost/wordpress/sample-page/">Sample Page</a>
<ul class="children">
<li class="page_item page-item-9"><a href="http://localhost/wordpress/sample-page/home/">Home</a></li>
</ul>
</li>
<li class="page_item page-item-19"><a href="http://localhost/wordpress/page-no-sub/">page no sub</a></li>
</ul>

提前致謝!

PS:我已經在這里閱讀了這篇文章http://codex.wordpress.org/Function_Reference/wp_nav_menu但無法弄清楚:(

編輯:

好吧,查看一下參數差異並調用菜單

<?php
class Child_Wrap extends Walker_Nav_Menu
{
    function start_lvl(&$output, $depth)
    {
        $indent = str_repeat("\t", $depth);
        $output .= "\n$indent<div class=\"div-sub\"><ul class=\"sub-menu\">\n";
    }
    function end_lvl(&$output, $depth)
    {
        $indent = str_repeat("\t", $depth);
        $output .= "$indent</ul></div>\n";
    }
}

wp_nav_menu( 


    array( 
        'menu' => 'navigation',//(i created this menu on the backend of wordpress)
        'container'       => 'div',
        'container_class' => 'menu-sidebar', 
        'menu_class'      => 'menu-class',
        'menu_id'         => 'menu-id',
        'theme_location' => 'primary', 
        'walker' => new Child_Wrap() 

    ) 



 ); ?>

您可以指定許多參數(ID菜單,類和ID容器等...)

源類沃克

你應該在這里找到幸福嗎

名稱菜單屏幕(“菜單” =>“導航”)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM