wp_nav_menu详解

Posted 2021-02-04 zhaoweidong

wp_nav_menu详解

首先看看2019主题的使用情况：

wp_nav_menu(
                array(
                    ‘theme_location‘ => ‘social‘,
                    ‘menu_class‘     => ‘social-links-menu‘,
                    ‘link_before‘    => ‘<span class="screen-reader-text">‘,
                    ‘link_after‘     => ‘</span>‘ . twentynineteen_get_icon_svg( ‘link‘ ),
                    ‘depth‘          => 1,
                )
            );

 

<div class="main-menu"><ul>
<li class="page_item page-item-13"><a href="http://127.0.0.1/wordpress/?page_id=13">FAQ</a></li>
<li class="page_item page-item-12"><a href="http://127.0.0.1/wordpress/?page_id=12">Features</a></li>
<li class="page_item page-item-14"><a href="http://127.0.0.1/wordpress/?page_id=14">Shortcodes</a></li>
<li class="page_item page-item-15"><a href="http://127.0.0.1/wordpress/?page_id=15">Submit A Ticket</a></li>
<li class="page_item page-item-96"><a href="http://127.0.0.1/wordpress/?page_id=96">测试</a></li>
<li class="page_item page-item-1107"><a href="http://127.0.0.1/wordpress/?page_id=1107">测试页面-特色图片</a></li>
<li class="page_item page-item-1096 current_page_item"><a href="http://127.0.0.1/wordpress/">测试页面1</a></li>
<li class="page_item page-item-1098"><a href="http://127.0.0.1/wordpress/?page_id=1098">测试页面2</a></li>
<li class="page_item page-item-2"><a href="http://127.0.0.1/wordpress/?page_id=2">示例页面</a></li>
</ul></div>