Hide pages from the main menu

时间:2017-03-23 作者:Nazar Abubaker

我想知道,如何在导航栏中隐藏页面?

我的意思不是隐藏对private的可见性,也不想从外观->菜单->MY\\u菜单中删除该页面(因为我在其中一个页面上有自定义CSS)。

My navigation bar

仅供参考,这是我的导航栏的外观。

CSS

.menu-item-346 a {
    padding:1em;
    text-align: center;
    display:inline-block;
    text-decoration: none !important;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.menu-item-346 a:link, .menu-item-346 a:visited {
    color:var(--white);
    border:1px solid var(--white);
    background:transparent;
}

.menu-item-346 a:hover, .menu-item-346 a:active {
    color:var(--blue);
    background:var(--white);
}

2 个回复
SO网友:LWS-Mo

而不是编写自定义样式,如.menu-item-346 您正在对某些样式进行硬编码。。。

为什么不添加一个custom css class 编辑器处于Appearance -> Menus.

Wordpress具有此内置功能
Appearance -> Menus 您需要打开Screen Options 并勾选方框CSS Classes.在此之后,您现在可以向每个菜单项添加一个或多个类。

您可以为这些类编写一些自定义CSS规则。这样,您的客户就可以自己添加这些类。(或否)

SO网友:pomaaa

首先,需要检查要隐藏的项的类。如果是的话。menu-item-346,只需在CSS下面添加以下内容:

.menu-item-346 { display: none !important; }

相关推荐

通过主题定制器编辑style.css

直到现在,在我的Wordpress主题中,我在主题定制器中实现了一些必要的样式选项,这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记,例如,这里我实现了颜色选择器,如果默认状态发生更改,我会输出样式:function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0