css - wordpress中不同菜单的不同图像

Question

在我的 WordPress 菜单中，我还希望为不同的菜单提供不同的图像和文本。这是图像参考。我希望我的菜单应该是这样的。我使用的是 WordPress 3.4.2。任何帮助和建议都是非常值得赞赏的。

更新 屏幕选项图像

Answer 1

这里有两种方法可以向您的菜单项添加自定义类，以便您可以使用 CSS 设置它们的样式。

1. 在 Wordpress 管理面板中的Appearance > Menus页面上，单击Screen Options页面右上角的 。将出现一个滑出菜单，允许您检查标记为 的选项CSS Classes。如果启用此选项，您将能够为每个菜单项添加自定义类，就像添加其标题一样。

2. 您可以自定义Walker类以将增量类名称添加到每个（顶级）元素。要了解 Walker 类的工作原理，请查看以下文章： http ://wp.tutsplus.com/tutorials/creative-coding/understanding-the-walker-class/

Answer 2

1. 使用图像精灵
2. <li>为每个项目使用不同的类
3. 将您的图像定位为该类的背景。