如何在wordpress中添加活动状态和图标wp_nav_menu（） [英] How to add Active states and icons in wordpress wp_nav_menu()

问题描述

  function main_nav（）{
 wp_nav_menu（
 array（
'menu'=>'main_nav'，
'theme_location' =>'main_nav'，
'container_class'=>'menu clearfix'，
'link_before'=>'< span>'，
'link_after'=>' < / span>'，
'fallback_cb'=>'bones_main_nav_fallback'
）
）; 
} 
  

我试图使用link_before和link_after将span标记附加到wp_nav_menu以便我可以为每个导航添加一个图标。

示例：

 < li>< span>< img src =home.gif/>< / span>< a href =home.php>家庭及LT; / A>< /锂> 
  

我是超级新手，擅长php和wordpress。关于如何解决这个问题的任何想法？

次要问题，添加一个css类到当前活动状态锚？只用于造型。

解决方案

也许您需要更改此代码......但这里是示例。您可以看到引用wp_nav_menu 并添加持有者模式......并稍后更改为您的本地替换设置（请参阅替换前的数组）

  function main_nav（）{
 $ menu = wp_nav_menu（
数组（
'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，$ replacementments，$ menu）; 
 
 
 
 
 
 
 和btw，列表项目包含 current 类，因此您可以使用tham来跟踪当前菜单项。
 
function main_nav() { 
    wp_nav_menu( 
        array( 
            'menu' => 'main_nav', 
            'theme_location' => 'main_nav', 
            'container_class' => 'menu clearfix', 
            'link_before'     => '<span>',
            'link_after'      => '</span>',
            'fallback_cb' => 'bones_main_nav_fallback' 
        )
    );
}
I'm trying to use link_before and link_after to append a span tag to the wp_nav_menu so so that I may add an icon to each navigation.

Example:
<li><span><img src="home.gif" /></span><a href="home.php"> Home</a></li>
I am super super new to php and wordpress.  Any ideas on how to tackle this?

Secondary question,  Adding a css-class to the "current active state" anchor? Just for styling.
解决方案
Perhaps you will need to change this code... but here is example. You can see the Reference to wp_nav_menu and add holder pattern... and later just change it by your local replaments settings (see array before replacements)
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); 

}
and btw, list items contain number of current classes so you able to use tham to track current item of your menu too.

                        
这篇关于如何在wordpress中添加活动状态和图标wp_nav_menu（）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！