将硬编码菜单传输到WordPress并应用样式

Question

我正在使用bootstrap在HTML网站上工作，我想将其传输到wordpress并制作一个自定义主题，这就是我陷入困境的地方。

我使用 wordpress 管理面板制作了页面和菜单，现在我想将自己的样式添加到该菜单中。这是代码：

<div class="navigation">
        <?php 
            wp_nav_menu( array(
                'theme_location' => 'primary',
                'container' => false,
                'menu_class' => 'navbar-nav'
                )
            ); 
        ?> 
                <ul class="navbar-nav">
                    <li class="nav-item right-border active">
                        <div class="mask"></div>
                        <a href="#" class="nav-link">HOME
                            <span class="sr-only">(current)</span>
                        </a>
                    </li>

导入所有类后，我需要删除整个 UL 块，然后从 wordpress 中离开菜单。

我可以使用"菜单类"=>"导航栏导航"访问 UL 类，但我不知道如何访问其他类（掩码、导航项、右边框、活动、导航链接、仅 sr）以及如何将该当前状态应用于此 LI 块（在此之后，我有更多相同的 LI 块重复，但只有第一个是活动的）。

Answer 1

好的，我实际上能够自己找到答案。我使用 wp_nav_menu（） 函数后，它会生成一个菜单。我会连接它

"theme_location" => "主要"

所以它会拉出我在wordpress中制作的所有页面。之后，我唯一需要做的就是打开页面并去检查页面。在检查器中，它将显示函数将生成的所有标签，并且所有这些标签都已分配了具有自己的设置的泛型类。因此，我可以只使用其中一个类并通过向它们添加我自己的样式来自定义它们，这将改变菜单的外观，它将应用我想做的一切。

下面是一张图片作为示例：

由 wp_nav_menu（） 函数生成的菜单

如您所见，我可以使用所有这些泛型类并编辑它们。