0

我在 wordpress 中有一堆以我的页面命名的图像。例子：

  • 页面名称：心脏健康
  • 图片名称：心脏健康.png

我的主菜单有 1 个子菜单级别，对于子级别中的每个页面名称，我想将图像显示为设置在左侧的背景图像。我尝试了很多不同的方法，但没有运气。

我知道您可以在管理员的菜单中添加自定义文本，但我希望这一切都能自动完成。

我在“nav-menu-template.php”和“class-wp-walker.php”中找到了子级菜单项的开始和结束

目前，当您翻转时，我只是在所有子菜单项上显示相同的图片，但这只是使用 CSS。

.menu ul ul :hover > a{color:#000000;background-color: #eeeeee; background-image:url(images/menu-images/fruit.png); background-repeat:no-repeat;}

任何帮助或建议将不胜感激。

4

1 回答 1

0

最好的方法是通过 CSS。

例如

.menu ul ul .custom-class a { ... }
.menu ul ul .custom-class:hover a { ... }

您可以在 WordPress 菜单管理中为每个菜单项设置自定义类，只需确保选中“屏幕选项”（页面右上角）中的“CSS 类”复选框。

此外，为了让事情变得更简单，我建议将您将在菜单中使用的所有图像制作一个图像精灵，以便您的 CSS 代码更简单。

.menu ul ul a {
  background:url('/url-to-sprite.png') no-repeat 0px 0px;
}

.menu ul ul :hover a {
  background-position:-20px 0px;
}

.menu ul ul .custom-class a {
  background-position:0px -20px;
}

.menu ul ul .custom-class:hover a {
  background-position:-20px -20px;
}
于 2013-02-12T18:22:33.670 回答