将Wordpress菜单类保留在HTML到PHP上

我的HTML菜单中有以下原始代码：

  <nav class="main-nav">
      <div class="nav-wrapper">
        <ul class="cf">
            <li class="page-collection">
              <a href="http://www.onlinepartybook.com/about/"><span>About</span></a>
            </li>
            <li class="page-collection">
              <a href="http://www.onlinepartybook.com/features/"><span>Features</span></a>
            </li>
            <li class="page-collection">
              <a href="http://www.onlinepartybook.com/samples/"><span>Samples</span></a>
            </li>
            <li class="page-collection">
              <a href="http://www.onlinepartybook.com/tutorials/"><span>Tutorials</span></a>
            </li>
            <li class="page-collection">
              <a href="http://www.onlinepartybook.com/security/"><span>Security</span></a>
            </li>
            <li class="page-collection">
              <a href="http://www.onlinepartybook.com/processing-payments/"><span>Processing Payments</span></a>
            </li>
      </ul>
    </div>
  </nav>

这似乎不太管用。由于ff：

• 它不需要ul class=“cf”
• 它不需要li class=“页面集合”
• 文本菜单如“关于”和“功能”等位于默认WordPress不会显示的
  标记内 为你做吧

---

你知道如何定制我的php代码来完美地完成这项工作并使其完美地工作吗？

你试过WP NAV WALKER吗

Walker类是在WordPress 2.1中实现的，它为开发人员提供了一种遍历树型数据结构以呈现HTML的方法

---

WordPress对象的数据以“树状”的方式结构化，例如导航菜单、页面类别和面包屑。

您已经走上了正确的轨道

要删除由

wp\u nav\u菜单生成的
div
元素，应将
容器设置为
ul
，而不是空白

<nav class="main-nav">
    <div class="nav-wrapper">
        <?php 
            wp_nav_menu(array(
                'theme_location' => 'main_menu',
                'container' => 'ul',
                'menu_class' => 'cf'
            ));
        ?>
    </div>
</nav>



要向每个项目添加
页面集合
类，可以使用WordPress面板中的菜单编辑器


如果没有看到CSS类字段，可以通过展开页面右上角的屏幕选项，然后勾选CSS类来启用它

这可能是一项乏味的任务，但这是实现您想要的目标的更简单的方法。
请提供示例。
/* Add Menus */
function register_my_menus(){
    register_nav_menus(array(
     'main_menu' => 'Main Menu'
  ));
}

add_action('init', register_my_menus);

<nav class="main-nav">
    <div class="nav-wrapper">
        <?php 
            wp_nav_menu(array(
                'theme_location' => 'main_menu',
                'container' => 'ul',
                'menu_class' => 'cf'
            ));
        ?>
    </div>
</nav>