【发布时间】：2012-10-06 22:09:06
【问题描述】：
在我的 WordPress 菜单中，我还希望为带有文本的不同菜单提供不同的图像。这是图像参考。我希望我的菜单应该是这样的。我使用的是 WordPress 3.4.2。非常感谢任何帮助和建议。
更新 屏幕选项图片
【问题讨论】：
-
是的..二十一岁的儿童主题..
标签： css wordpress wordpress-theming
【发布时间】：2012-10-06 22:09:06
【问题描述】：
这里有两种方法可以向菜单项添加自定义类，以便您可以使用 CSS 设置它们的样式。
在 Wordpress 管理面板的
Appearance > Menus页面上，单击页面右上角的Screen Options。出现一个滑出菜单，并且 允许您检查标记为CSS Classes的选项。如果启用 此选项，您将能够为每个菜单添加自定义类 项目，与添加其标题的方式相同。您可以自定义
Walker类以添加增量类名称 到每个（顶级）元素。要了解 Walker 类的工作原理， 请看下面的文章： http://wp.tutsplus.com/tutorials/creative-coding/understanding-the-walker-class/
【讨论】：
-
@Lazer Vuckovic 感谢您的回复。我尝试了您的第一个选项，那就是
screen option，但没有找到称为 CSS 类的选项。我已经上传了有问题的图片。你可以在那里检查。 -
@NewUser - 每个页面上的屏幕选项都不同，具体取决于您所在的部分。编辑中的屏幕截图不是来自菜单选项，请转到外观->菜单和屏幕选项将允许您激活每个列表项的类。
-
@McNab 感谢您添加外观部分，我忘了提及。我将编辑答案以添加它。
- 使用图像精灵
- 为每个
<li>项目使用不同的类 - 将您的图像定位为该类的背景。
【讨论】：
-
是的，我知道，但是如何在 wordpress 生成其类时为每个
li添加不同的类。 -
您可以使用
:nth-child(n)选择器。比如li:first-child {} li:nth-child(2){} li:nth-child(3){}等等 -
检查由 Wordpress 生成的类。每个 li 可能有自己的类，您可以使用它来操作 css。