将静态html菜单转换为wordpress动态菜单,保持样式不变


converting static html menus to wordpress dynamic menus keeping the style same

好的,这是我的静态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>

用于span--->的css

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

问题是如何将span样式应用于动态生成的菜单,因为wp_nav_menu((;输出以下----->

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

让我没有选择将span标签应用于"假日套餐",这是一个菜单项。。

您需要使用Wordpress的菜单函数:wp_nav_menu((

你可以在这里阅读如何设置菜单样式(它有不同的级别(:http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/

简单设置:使用CSS不能简单地做到这一点。

不过,您可能可以编辑正在生成菜单的Wordpress模板,使其在a元素中添加跨度。

这应该不难。

您可以手动操作item_wrap来完成任务。这是应该启动你的链接。转到此处并搜索短语"在菜单开头添加单词">

链接在这里