菜单不为一个项目添加子类别,但适用于其他Wordpress

菜单不为一个项目添加子类别,但适用于其他Wordpress,wordpress,drop-down-menu,Wordpress,Drop Down Menu,我有一个赤裸裸的wordpress主题。菜单导航栏有6个项目/这6个链接文本,4个有下拉列表显示的子类别 但是,当我将子类别添加到其中一个没有下拉列表/子类别的项目时,它不会显示在我的网站上 我已保存并清除缓存 当我检查html代码时,我注意到成功和失败之间的区别。见下文: 下拉列表中包含子类别的成功菜单项: <li id="menu-item-7726" class="who has-links menu-item menu-item-type-custom menu-item-obj

我有一个赤裸裸的wordpress主题。菜单导航栏有6个项目/这6个链接文本,4个有下拉列表显示的子类别

但是,当我将子类别添加到其中一个没有下拉列表/子类别的项目时,它不会显示在我的网站上

我已保存并清除缓存

当我检查html代码时,我注意到成功和失败之间的区别。见下文:

下拉列表中包含子类别的成功菜单项:

<li id="menu-item-7726" class="who has-links menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7726">
    <a href="/who-we-are/leadership-team/" data-unsp-sanitized="clean">Who We Are</a>
    <ul class="sub-menu">
        <li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30">
            <a href="https://www.website.com/who-we-are/leadership-team/" data-unsp-sanitized="clean">Leadership Team</a>
        </li>
        <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36">
            <a href="https://www.website.com/who-we-are/ireland/" data-unsp-sanitized="clean">Ireland</a>
        </li>
        <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37">
            <a href="https://www.websitee.com/who-we-are/uk/" data-unsp-sanitized="clean">UK</a>
        </li>
    </ul>
</li>

您的问题是,当您在现有的父菜单项下添加一个新的子菜单项,该菜单项下没有任何子菜单项,
具有链接
类未添加到此特定的父菜单项

这是bizzare,因为它们必须是一个
php函数
,该函数生成此类并将其添加到每个
菜单项
,在将子菜单项
放在该菜单项下后,该菜单项将成为父菜单项

如果他们没有这样的
php函数
,那么另一个家长
菜单项
是如何得到这个类的

另外,您还有一个
php函数
,可能是同一个函数,它在
具有链接之前生成一个类。
who
对于我们是谁
菜单项
,对于服务
菜单项
,对于项目
菜单项
,它是
pj
但是当它成为父项时,它不会为新闻中心
菜单项
生成类

如果他们没有这样的
php函数
,那么另一个父项
菜单项
如何根据它们的名称/标签获取这些类

你说:

我有一个赤裸裸的wordpress主题

这是您正在开发的主题还是正在使用的主题?
假设这是一个你正在使用的主题,你能告诉我们它是哪一个吗

最后,为了让菜单正常工作,因为我没有您的
php
代码,我将使用WordPress为任何父菜单项添加的本机
CSS
类 在您提供的上述
CSS
中,将每个
有链接的
替换为
菜单项有子项的
。它应该有用

请记住对所做的更改使用a,否则在下次更新您使用的主题时,这些更改将被删除。

能否提供有关主题文件的更多详细信息?处理此菜单输出的函数应该是wp_nav_menu(),并且应该位于header.php中
<li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent current-menu-ancestor current-menu-parent current_page_ancestor menu-item-has-children menu-item-23">
    <a href="https://www.website.com/news-hub/" data-unsp-sanitized="clean">News Hub</a>
    <ul class="sub-menu">
        <li id="menu-item-11549" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-11549">
            <a href="/teampage/" aria-current="page" data-unsp-sanitized="clean">Get Social</a>
        </li>
    </ul>
</li>
<li id="menu-item-23" class="pj has-links menu-item menu-item-type-post_type menu-item-object-page menu-item-object-page menu-item-has-children menu-item-23">
    <a href="https://www.website.com/news-hub/" aria-current="page" data-unsp-sanitized="clean">News Hub</a>
    <ul class="sub-menu">
        <li id="menu-item-11481" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11481">
            <a href="https://www.website.com/teampage/" data-unsp-sanitized="clean">Get Social</a>
        </li>
    </ul>
</li>



<li id="menu-item-23" class="pj has-links menu-item menu-item-type-post_type menu-item-object-page menu-item-object-page menu-item-has-children menu-item-23">
    <a href="https://www.website.com/news-hub/" aria-current="page" data-unsp-sanitized="clean">News Hub</a>
    <ul class="sub-menu">
        <li id="menu-item-11481" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11481">
            <a href="https://www.website.com/teampage/" data-unsp-sanitized="clean">Get Social</a>
        </li>
    </ul>
</li>
ul#menu-main li:hover:after {
width:100%;
}
ul#menu-main li.who:after {
left:-50px
}
ul#menu-main li.se:after {
left:-37px;
}
ul#menu-main li.se:hover:after {
width: 186%;   
}
ul#menu-main li.who:hover:after {
width: 160%;
}
#menu-main .pj.has-links .sub-menu {
left:60px;
}
ul#menu-main li a {
color:#fff;
display: inline-block;
}
.single ul#menu-main li a {
font-weight:500;
font-family: 'AvenirLTStd-Medium', sans-serif;
}
ul#menu-main li a:hover {
color:#ffee00;
}
ul#menu-main li.has-links {
position: relative;
}
ul#menu-main li.has-links a:after {
content: '';
background: url(img/chevron-down.svg) no-repeat center center;
width: 16px;
height: 16px;
background-size: 16px 16px;
display: inline-block;
position: relative;
top:2px;
margin-left:10px;
}
ul#menu-main li.has-links:hover a:after {
content: '';
background: url(img/chevron-active.svg) no-repeat center center;
width: 16px;
height: 16px;
background-size: 16px 16px;
display: inline-block;
position: relative;
top:2px;
margin-left:10px;    
}
ul#menu-main li.has-links:hover .sub-menu {
-webkit-transform: scale(1) translateX(-50%);
transform: scale(1) translateX(-50%);
visibility: visible;  
}