【问题标题】:Hide all pages header except the home page隐藏除主页以外的所有页眉
【发布时间】:2016-01-01 17:02:48
【问题描述】:

我正在使用 wordpress 和一个主题。
我想隐藏所有页面并发布标题。 所以我加了

.page-header {
    display:none;
}

到 css 文件。

它有效。但我不想隐藏主页标题。 该怎么做?

【问题讨论】:

  • body:not(.home) .page-header { display: none; }
  • @HashemQolami:谢谢。有用!请把它作为答案,我会标记它。
  • 这取决于你的主题。如果主题正在利用,home 类名将由 WordPress 函数添加到正文中。请检查 HTML 输出以查看 body 是否具有该类名,如果是,请检查浏览器上的 devtools 以查看另一个选择器是否覆盖了该选择器。

标签: css wordpress


【解决方案1】:

WordPress 有一个名为body_class() 的函数,它根据当前页面(和...)返回一些可以添加到正文元素的类。

Function Reference/body class

主题有一个 body 标签的模板标签,这将帮助主题作者更有效地使用 CSS 设置样式。模板标签称为 body_class。此函数为 body 元素提供不同的类,通常可以添加到 header.php 的 HTML 正文标记中。

用法

<body <?php body_class(); ?>> 

如果您的主题正在使用该功能,您可以将主页从选择器中排除,如下所示:

body:not(.home) .page-header { display: none; }

【讨论】:

    【解决方案2】:

    将css添加到您的主页body并将其设置为阻止

    .homeapge.page-header {
        display:block;
    }
    

    首页

     <body class="... homepage">...</body>
    

    现在你可以在主页的正文中看到它

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-01-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-09-30
      • 2018-10-22
      • 1970-01-01
      相关资源
      最近更新 更多