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

Question

我有一个导航菜单，我把它硬编码成我最近开发的一个主题。现在，只要通过wordpress管理面板使用固有的wp_list_pages()函数构建这个导航菜单就会容易得多(而且更可定制)。不过有一个陷阱。一些下降的图像在它的左边。每个下拉列表只有一个图像，但是每个下拉列表的图像是不同的。有什么方法可以将这个图像合并到wordpress的用户界面管理中吗？例如，在Wordpress中构建菜单，并在其中有一个字段，可以在下拉菜单中选择我想要的图片。

谢谢!

Answer 1

使用CSS可以很容易地做到这一点。我将使用默认的wp_nav_menu()函数为您做繁重的工作，并在外观->菜单下构建菜单。如果单击“屏幕选项”，高级菜单属性下有一个复选框，称为CSS类。检查那个盒子。

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

.airplane{
    background:url('images/airplane.png') top left no-repeat;
    padding:0 0 0 25px; 
}

在本例中，您只需将“飞机”添加到菜单项css类表单字段。

这将放置图像与您的导航菜单项。在CSS中这样做比重新构建导航菜单功能要好得多，Wordpress已经将其写入其中。

如果您没有看到外观->菜单，请将其添加到functions.php文件中：

add_theme_support('menus');

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

有关Wordpress导航菜单的更多信息，请转到：http://codex.wordpress.org/Navigation_菜单

希望这能帮到你。

Answer 2

安装这个插件并研究它们的代码。里面有你要的所有东西。