php - 将静态 html 菜单转换为 wordpress 动态菜单，保持样式相同

Question

好的，这是我的静态 html 菜单..

 <ul id="nav">
            <li class="active"><a href="index.html"><span>Home</span></a></li>
            <li><a href="#"><span>Holiday Packages</span></a></li>
            <li><a href="#"><span>Best Deals</span></a>
                </ul>

跨度的 css --->

#nav a span { background:url(images/nav-right.png) right top no-repeat; padding:0 26px 0 0; display:block; }

问题是我如何将跨度样式应用于动态生成的菜单，因为 wp_nav_menu();输出如下----->

<a href="#">Holiday Packages</a>

让我无法将 span 标签应用于菜单项“Holiday Packages”..

Answer 1

需要使用Wordpress的菜单功能:wp_nav_menu()

您可以在此处阅读有关如何设置菜单样式(以及不同级别)的信息:http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/