Wordpress中不同菜单的不同图像

时间:2012-10-05 12:52:04

标签: css wordpress wordpress-theming

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

enter image description here

更新 屏幕选项图像enter image description here

2 个答案:

答案 0 :(得分:3)

以下是有关如何向菜单项添加自定义类的两种方法,以便您可以使用CSS设置样式。

  1. 在Wordpress管理面板的Appearance > Menus页面上,点击页面右上角的Screen Options。出现一个滑出菜单 允许您检查标有CSS Classes的选项。如果启用 此选项,您将能够为每个菜单添加自定义类 item,与添加标题的方式相同。

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

答案 1 :(得分:0)

  1. 使用图片精灵
  2. 为每个<li>商品
  3. 使用不同的类
  4. 将图像定位为该类的背景。