如何添加活动状态和图标在WordPress wp_nav_menu（）

Question

​​

我试图使用link_before和link_after到span标签附加到wp_nav_menu所以这样我可以添加一个图标到每个导航。

例子：

<li><span><img src="home.gif" /></span><a href="home.php"> Home</a></li> 

我是超级超级新的PHP和WordPress的。有关如何解决这个问题的任何想法？

次要问题，添加一个CSS类到“当前活动状态”锚点？只是为了造型。

Answer 1

也许您需要更改此代码......但这里是示例。你可以看到Reference to wp_nav_menu并添加持有人模式......后来只是由当地replaments设置更改（见更换前阵）

function main_nav() { 
    $menu = wp_nav_menu( 
     array( 
      'menu' => 'main_nav', 
      'theme_location' => 'main_nav', 
      'container_class' => 'menu clearfix', 
      'link_before'  => '<span></span>', 
      'echo'   => $false, 
      'fallback_cb' => 'bones_main_nav_fallback' 
     ) 
    ); 

    $patterns = array(
     '<span></span><a href="home.php"', 
    ); 
    $replacements = array( 
     '<span><img src="home.gif" /></span><a href="home"' 
    ); 

    echo str_repalce($patterns, $replacements, $menu); 

} 

，并顺便说一句，列表项包含当前类的号码，以便您能使用tham来跟踪当前菜单项目。