html - Wordpress 将类添加到使用我的主题的菜单工作

Question

我正在使用名为“320press 的 Wordpress Foundation v2”的 WordPress 主题

我在 WordPress 仪表板中使用自定义菜单，我想向“li”添加一个类来更改子菜单的样式:

例如: 关于我们 - 将有一个包含四个子链接的子菜单，因此我想向该子菜单添加一个名为 .fourNav 的类，然后将每个“li”设置为 25%。

然后 Customers - 将有 2 个子链接，所以我想为每个宽度为 50% 的“li”添加一个名为 .twoNav 的类。

我还想在这些之上为每个“li”添加另一个类，每个“li”都有一个背景图像。

Wordpress 菜单允许您添加将显示在菜单中的类和描述，但是当我检查元素时，类没有得到应用。

但是，当我在 DOM 中手动添加类时，它会选择 CSS 并正常工作。

如何在此主题中将菜单系统添加到其全部功能？

这就是我正在做的，但它没有添加类:

http://thesis-blogs.com/add-a-custom-class-to-each-item-in-the-wordpress-menu/

所以我认为我需要的是一段 php 代码，以允许菜单系统与我的主题一起工作。当我在仪表板中添加类时，我的主题不应用它。

这是在 html 中输出的代码:-

<ul id="menu-main-nav" class="top-nav nav-bar hide-for-small">
 <li id="menu-item-5" class="has-flyout active">
 <a href="page link here">Home</a><a href="#" class="flyout-toggle"></a>
  <ul class="flyout" style="display: none;">
   <li id="menu-item-50"><a href="page link here">sub menu four</a></li>
   <li id="menu-item-51"><a href="page link here">sub menu three</a></li>
   <li id="menu-item-52"><a href="page link here">sub menu two</a></li>
   <li id="menu-item-53"><a href="page link here">sub menu one</a></li>
  </ul>
 </li>
</ul>

Answer 1

你必须直接编辑模板代码...

我认为菜单在

worpressdir/wp-content/themes/yourthemename/header.php

为了正确编辑它，您需要具备中等的 PHP 和 html 技能。祝你好运