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 ---＆gt;

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

问题是如何将我的span样式应用于动态生成的菜单，因为wp_nav_menu（）; 输出以下-----＆gt;

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

我没有选择将span标签应用于“假日套餐”这是一个菜单项..

Answer 1

简单地说：你不能简单地用CSS做到这一点。

但是，您可以编辑Wordpress模板，这些模板生成菜单以使它们在a元素内添加跨度。

这应该不是很难。

Answer 2

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

您可以在此处了解如何设置菜单样式（以及不同级别）：http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/

Answer 3

你可以使用item_wrap来完成任务。这是应该启动你的链接。转到此处搜索此短语“在菜单开头添加单词”

链接是HERE

将静态html菜单转换为wordpress动态菜单，保持风格相同

3 个答案: