[英]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"> Home</a></li>
我是php和wordpress的超级超级新手。 关于如何解决这个问题的任何想法?
第二个问题,是否将CSS类添加到“当前活动状态”锚点? 仅用于样式。
也许您需要更改此代码...但是这里是示例。 您可以看到对wp_nav_menu的引用,并添加持有人模式...,稍后只需通过本地替换设置进行更改(请参阅替换前的数组)
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来跟踪菜单的当前项。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.