Fatal编程技术网
  • css/
  • Css wordpress中不同菜单的不同图像

Css wordpress中不同菜单的不同图像

css wordpress

Css wordpress中不同菜单的不同图像,css,wordpress,wordpress-theming,Css,Wordpress,Wordpress Theming,在我的WordPress菜单中，我想要不同的图像和文本。这是图像参考。我希望我的菜单应该是这样的。我正在使用WordPress 3.4.2。任何帮助和建议都是非常值得赞赏的 更新 屏幕显示选项图像 使用图像精灵 为每个项目使用不同的类 将图像定位为该类的背景 使用图像精灵 为每个项目使用不同的类 将图像定位为该类的背景 这里有两种方法可以帮助您将自定义类添加到菜单项中，以便使用CSS为它们设置样式 在Wordpress管理面板的外观>菜单页面上，单击屏幕 页面右上角的选项。此时会出现一个滑出菜

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

更新 屏幕显示选项图像

  • 使用图像精灵
  • 为每个
    • 项目使用不同的类
  • 将图像定位为该类的背景
  • 使用图像精灵
  • 为每个
    • 项目使用不同的类
  • 将图像定位为该类的背景
    这里有两种方法可以帮助您将自定义类添加到菜单项中，以便使用CSS为它们设置样式

  • 在Wordpress管理面板的
    外观>菜单
    页面上，单击
    屏幕
页面右上角的选项
    。此时会出现一个滑出菜单并显示 允许您选中标记为
    CSS类
    的选项。如果启用 通过此选项，您将能够向每个菜单添加自定义类 项目，与添加其标题的方式相同

  • 您可以自定义
    Walker
    类以添加增量类名 到每个（顶级）元素。要了解Walker类的工作原理， 请看以下文章：

    • 这里有两种方法可以帮助您将自定义类添加到菜单项中，以便使用CSS为它们设置样式

  • 在Wordpress管理面板的
    外观>菜单
    页面上，单击
    屏幕
页面右上角的选项
    。此时会出现一个滑出菜单并显示 允许您选中标记为
    CSS类
    的选项。如果启用 通过此选项，您将能够向每个菜单添加自定义类 项目，与添加其标题的方式相同

  • 您可以自定义
    Walker
    类以添加增量类名 到每个（顶级）元素。要了解Walker类的工作原理， 请看以下文章：

    • 是..twentyeleven的子主题..是..twentyeleven的子主题..是的，我知道，但是如何在wordpress生成类时向每个
    li
    添加不同的类。您可以使用
    ：n子（n）
    选择器。比如
    li:first child{}li:nth child（2）{}li:nth child（3）{}
    等等，检查Wordpress生成的类。每个li可能有自己的类，您可以使用它来操作css。是的，我知道，但是如何在wordpress生成其类时向每个
    li
    添加不同的类。您可以使用
    ：n子（n）
    选择器。比如
    li:first child{}li:nth child（2）{}li:nth child（3）{}
    等等，检查Wordpress生成的类。每个li可能都有自己的类，您可以使用它们来操作css。@Lazer Vuckovic感谢您的回复。我尝试了您的第一个选项，即
    屏幕选项
    ，但没有找到称为CSS类的选项。我已经上传了有问题的图片。您可以检查是否有。@NewUser-屏幕选项在每一页上都是不同的，这取决于您所在的部分。编辑中的屏幕截图不是来自菜单选项，请转到外观->菜单，那里的屏幕选项将允许您激活每个列表项的类。@McNab感谢您添加外观部分，我忘了提到它。我将编辑答案以添加进去。@Lazer Vuckovic感谢您的回复。我尝试了您的第一个选项，即
    屏幕选项
    ，但没有找到称为CSS类的选项。我已经上传了有问题的图片。您可以检查是否有。@NewUser-屏幕选项在每一页上都是不同的，这取决于您所在的部分。编辑中的屏幕截图不是来自菜单选项，请转到外观->菜单，那里的屏幕选项将允许您激活每个列表项的类。@McNab感谢您添加外观部分，我忘了提到它。我将编辑答案以将其添加到中。