Question

我正在尝试在所有页面上隐藏页面标题，但Blog Roll除外。

如果我对style.css进行了以下更改，它将隐藏所有页面上的标题，包括博客卷：

h1 {
    Display:none;
    font-size: 48px;
    margin: 33px 0;
}

和

.entry-title {
     Display:none;
     font-weight: normal;
     margin: 0 0 5px;
}

根据http://codex.wordpress.org/Conditional_Tags#Testing_for_sub-Pages，为了挑出Blog Roll，我需要使用以下条件：

if ( is_front_page() && is_home() ) {
  // Default homepage
} elseif ( is_front_page() ) {
  // static homepage
} elseif ( is_home() ) {
  // blog page
} else {
  //everyting else
}

因此，我将这些条件应用于我的代码，其中更改最初成功运行，但它根本不起作用。标题会改变大小和形状，但仍可在所有页面上查看。

修订代码：

h1 {
    if ( is_front_page() && is_home() ) {
        Display:none;
        font-size: 48px;
        margin: 33px 0;
    } elseif ( is_front_page() ) {
        Display:none;
        font-size: 48px;
        margin: 33px 0;
    } elseif ( is_home() ) {
        font-size: 48px;
        margin: 33px 0;
    } else {
        Display:none;
        font-size: 48px;
        margin: 33px 0;
    }
}

而且..

.entry-title {
    if ( is_front_page() && is_home() ) {
        Display:none;
        font-weight: normal;
        margin: 0 0 5px;
    } elseif ( is_front_page() ) {
        Display:none;
        font-weight: normal;
        margin: 0 0 5px;
    } elseif ( is_home() ) {
        font-weight: normal;
        margin: 0 0 5px;
    } else {
        Display:none;
        font-weight: normal;
        margin: 0 0 5px;
    }
}

我可以不在条件语句中使用Display:none;吗？

Answer 1

据我所知，您只需要从博客页面删除标题。使用css执行此操作的最简单方法是

.blog .entry-title{display:none}

其中.blog是博客页面正文的类名。（您可以通过检查元素来获取正文类名。）

条件CSS仅在博客上显示标题

1 个答案: