Question

构建Wordpress主题，我不在第一页，而是在其他页面内容上。

这是网站：

我关掉了主网站

 .masthead-fixed .site-main {
    margin-top: 48px;
    display:none;

例如......如果用户点击“样本页面”，我希望＃.masthead-fixed激活其他...不显示。

它可以在CSS中这样做吗？我可以使用什么技术？

这将有助于我更好地了解该做什么。

提前致谢！

Answer 1

查看生成的HTML。每个页面都会在body标记上包含一些唯一的类。例如，首页将有一个.home类，根据模板，您的body代码也会有一个模板类，例如.page-template-default。但最重要的是，每个页面都有一个唯一的ID，例如.page-id-7。您可以轻松地使用它们来区分CSS中的特定页面。

请查看“示例页面”的源代码，找到其ID并相应地调整CSS：

body.page-id-X .masthead-fixed .site-main {
    display: none;
}

Answer 2

如果您只想在不在主页上时显示某些内容，则可以在模板文件中使用以下PHP。

<?php if (!is_home() || !is_front_page()) { ?> 

<div id="something">This div and content will only show up if we're not on the front page</div> 

<?php } ?>

所以这是header.php

中的标准标头

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
    <header id="masthead" class="site-header" role="banner">
        <div class="site-branding">
            <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
        </div>
        <input type="checkbox" id="menu">
        <label for="menu" class="menu-label" onclick></label>
        <nav id="site-navigation" class="main-navigation" role="off-canvas">
            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container' => '' ) ); ?>
        </nav><!-- #site-navigation -->
    </header><!-- #masthead -->

    <div id="content" class="site-content">

将上述代码更改为：

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
  <?php if (!is_home() || !is_front_page()) { ?> <!-- PLACE THIS LINE ABOVE YOUR HEADER -->
    <header id="masthead" class="site-header" role="banner">
        <div class="site-branding">
            <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
        </div>
        <input type="checkbox" id="menu">
        <label for="menu" class="menu-label" onclick></label>
        <nav id="site-navigation" class="main-navigation" role="off-canvas">
            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container' => '' ) ); ?>
        </nav><!-- #site-navigation -->
    </header><!-- #masthead -->
 <?php } ?> <!-- PLACE THIS CODE AFTER THE HEADER -->
    <div id="content" class="site-content">

这将在除主页之外的所有页面上显示标题。

可以在CSS中使用条件吗？

2 个答案: