菜单不为一个项目添加子类别,但适用于其他Wordpress
我有一个赤裸裸的wordpress主题。菜单导航栏有6个项目/这6个链接文本,4个有下拉列表显示的子类别 但是,当我将子类别添加到其中一个没有下拉列表/子类别的项目时,它不会显示在我的网站上 我已保存并清除缓存 当我检查html代码时,我注意到成功和失败之间的区别。见下文: 下拉列表中包含子类别的成功菜单项:菜单不为一个项目添加子类别,但适用于其他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
<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;
}