【问题标题】:Wordpress menu items no longer displaying current page stylesWordpress 菜单项不再显示当前页面样式
【发布时间】:2018-05-21 14:47:03
【问题描述】:

除了一个(厨房)之外,我正在处理的网站上的 CSS 样式活动或悬停状态菜单项不再按要求显示。

如果您将鼠标悬停在 Kitchens 上,或者该页面处于活动状态,它会突出显示蓝色,但其他链接样式均无效。

Kitchens 菜单项应用了“blue”类,代码如下。

<li id="menu-item-48" class="blue menu-item menu-item-type-post_type             menu-item-object-page current-menu-item page_item page-item-8 current_page_item menu-item-48">    
<a href="http://wanderingcooks.com.au/commercial-kitchen-space/">Kitchens</a>
</li>

我对如何将其他正确的类添加到菜单项感到困惑。定义了样式,每个样式都应该是不同的颜色,我相信自从页面重命名后它就不起作用了。 Wordpress 管理员中有一个区域可以应用样式,但这也不好。 我感谢任何帮助。

【问题讨论】:

    标签: javascript jquery html css wordpress


    【解决方案1】:

    “厨房”链接在其li 元素中添加了“蓝色”类,但其他链接都没有“颜色”类:

    <ul id="menu-main-navigation" class="menu">    
        <li id="menu-item-7923" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7923">
            <a href="http://wanderingcooks.com.au/thank-truck-its-thursday/">What’s On</a>
        </li>
        <li id="menu-item-48" class="blue menu-item menu-item-type-post_type menu-item-object-page menu-item-48">
            <a href="http://wanderingcooks.com.au/commercial-kitchen-space/">Kitchens</a>
        </li>
        [...]
    

    蓝色悬停效果仅添加到具有蓝色类的“li”元素中的链接:

    .primary_nav_menu .menu-item.blue a:hover, .primary_nav_menu .menu-item.blue a:active {
        color: #25aae1;
    }
    

    要解决此问题,您需要将blue(或其他“颜色”类)添加到所有列表元素。

    向您的菜单项添加自定义类

    1. 在管理员中,转到外观 > 菜单
    2. 点击右上角的“屏幕选项”标签 - 这将显示一个设置面板
    3. 在“显示高级菜单属性”下,选中“CSS 类”复选框
    4. 现在查看菜单项所在的菜单结构。单击要更改的菜单项灰色块右侧的向下箭头。
    5. 在“导航标签”下方,您现在将拥有一个标有“CSS 类(可选)”的文本框。您可以在此处添加任何自定义类 - 只需准确输入类名,不要在前面添加点,例如blue
    6. 保存您的菜单,当您现在在浏览器中查看页面源代码时,您的菜单项的&lt;li&gt;s 应该在类别列表中包含您的颜色类别。

    【讨论】:

    • 谢谢,我不知道该怎么做。我想为每个'li'添加一个不同的颜色类所以我想添加红色类的第一个菜单项,下一个青色类等等。我不知道如何编辑菜单的代码来做到这一点。
    • @Droid 你现在如何添加“蓝色”类?另外,当您说管理员中有一个区域可以应用样式时,您的意思是什么区域?
    • @Droid "在后台有一个"...?看起来你刚刚在你的评论结束时放弃了:) 那句话还有更多吗?我想知道的是您尝试使用的后端区域。那到底在哪里,你尝试在那里放什么,结果是什么?即样式是否已添加到代码中,但当您在浏览器中查看时并没有改变,没有任何改变,或者发生了意想不到的事情?
    • 我刚刚接管了网站的管理工作,已经添加了蓝色类,并且显然当父菜单项发生更改时其他样式停止工作。在 Wordpress 后端有一个主题设置部分,它允许我选择顶级页面并为其应用颜色。这似乎只是右侧的小调用框的颜色。很抱歉,我意识到这是一个模糊的查询,感谢您的帮助。干杯
    • 只有页面上的标注框似乎改变了颜色。菜单项没有改变 - 没有代码,没有样式,nuthin。 :)
    猜你喜欢
    • 2016-02-25
    • 2014-09-06
    • 2016-01-06
    • 1970-01-01
    • 1970-01-01
    • 2011-10-27
    • 1970-01-01
    • 2012-08-22
    相关资源
    最近更新 更多