在导航菜单内插入特定图像

时间:2011-09-05 作者:Amit

我有一个导航菜单,我硬编码到我最近开发的一个主题中。现在,使用内置的wp_list_pages() 通过wordpress管理面板执行功能。不过有一个陷阱。一些下拉列表的左侧有一个图像。每个下拉列表只有一个图像,但每个下拉列表的图像都不同。有没有办法将此图像合并到wordpress的用户界面管理中?例如,在Wordpress中构建菜单,并有一个字段,我可以在该字段中选择要在下拉列表中显示的图片。

谢谢

2 个回复
最合适的回答,由SO网友:Brian Fegter 整理而成

这可以通过CSS轻松完成。我将使用默认的wp\\u nav\\u menu()函数为您完成繁重的工作,并在外观->菜单下构建菜单。如果单击屏幕选项,则在高级菜单属性下有一个复选框,称为CSS类。选中该框。

添加新菜单项时,可以为该特定项定义CSS类。在样式表中,创建与特定图像相对应的类选择器。

.airplane{
    background:url(\'images/airplane.png\') top left no-repeat;
    padding:0 0 0 25px; 
}
在本例中,您只需将“飞机”添加到菜单项css类表单字段。

这将使图像与导航菜单项内联。在CSS中这样做比重建Wordpress已经嵌入的导航菜单功能更好。

如果看不到外观->菜单,请将其添加到函数中。php文件:

add_theme_support(\'menus\');
使用拖放Wordpress菜单系统是一种更好的用户体验。它还将复杂代码排除在主题之外。对我来说,创建一个单独的函数来构建导航菜单会给Wordpress的安装增加不必要的开销。

有关Wordpress导航菜单的更多信息,请访问:http://codex.wordpress.org/Navigation_Menus

希望这对你有所帮助。

SO网友:PrivateUser

安装this plugin 并探索他们的代码。它有你要的所有东西。

结束

相关推荐

Menu API not switching menus?

我正在使用菜单API,我想切换到其他菜单,但出于某种原因,它保留了第一个菜单这是我的密码在函数中。php add_action( \'init\', \'register_my_menus\',10 ); function register_my_menus() { register_nav_menu(\'main-navigation\', \'Main Navigation\'); } 下面是我的主题文件(header.ph