请教大家一个关于wordpress的wp_nav_menu函数和style.css的问题

穆奕诚 发布于 2013/08/30 14:46
阅读 546
收藏 0

我在二次开发主题遇到困

原来主题的header.php中关于wp_nav_menu代码:

<div
class="topnav">
';

if(function_exists('wp_nav_menu'))
{
wp_nav_menu(array('theme_location'=>'primary','menu_id'=>'nav','container'=>'ul'));
}
;echo
'</div>

原主题中HTML的输出结果:

<div class="topnav">    

<ul id="nav" class="menu"><li
id="menu-item-18" class="menu-item menu-item-type-post_type
menu-item-object-page menu-item-18"><a
href="http://www.jianet.me/sample-page">示例页面</a></li>

 <li id="menu-item-22" class="menu-item
menu-item-type-post_type menu-item-object-page menu-item-22"><a
href="http://www.jianet.me/link">友情链接</a></li>    
</ul></div>    


想得到的帮助:希望将原主题中HTML的输出结果变更为如下代码:


<div class="topnav">  

    <ul id="nav" class="menu">

    <a href="http://www.jianet.me" title="首页" class="home ">首页</a>

    <li id="menu-item-18" class="menu-item
menu-item-type-post_type menu-item-object-page menu-item-18"><a
href="http://www.jianet.me/sample-page">示例页面</a></li>    

    <li id="menu-item-22" class="menu-item
menu-item-type-post_type menu-item-object-page menu-item-22"><a
href="http://www.jianet.me/link">友情链接</a></li>    

    </ul></div>

    附:实现这个样式的css 如果使用<li>标签,那么又如何修改css代码?

    .home 


     float: left;

    height: 48px; 

    width: 54px; 

    background: #ff7d00 url(images/home.png) no-repeat center; 

    text-indent: -9999px; 
}

 

我希望生成这种样式

加载中
返回顶部
顶部