WordPress-在首页上显示不同的HTML元素[关闭]

Question

我想在主屏幕和文章屏幕上显示不同的标题部分。 我认为这样会起作用：

<? php if( is_home() ) { ?>
  <header class="header home" role="banner">
  <?php  } else { ?>
  <header class="header" role="banner">
  <?php
 }
?>

在我的CSS中，发生以下情况：

.header {
    background: $blue;

    &.home {
        background: $blue; 
    }
}

实际上，我应该在首页上看到一个绿色的标题，在首页上看到一个蓝色的标题。 但是我没有。 有什么线索吗？

Answer 1

更改后尝试

<? php if( is_home() ) { ?>

至

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

Answer 2

假设您发布的代码是您正在使用的代码，则将$blue属性同时.header和.header.home而不是对其中之一应用类似$green属性。

.header {
    background: $blue;

    &.home {
        background: $blue; 
    }
}

如果已声明变量$ green来保存代表绿色的十六进制值，请尝试

.header {
    background: $blue;

    &.home {
        background: $green; 
    }
}

有关工作示例，请参见此JSFiddle： http : //jsfiddle.net/SSCnJ/

Answer 3

最后，我们发现问题是<？之间的单个空格。 和'php'。

感谢并享受您的代码！

Answer 4

可能不是解决方案，但您也可以尝试更改此设置

 background: $blue; 

对此

 background-color: $blue; 

假设$ blue的值是前面带有＃的十六进制值，或者是rgba值。

希望这可以帮助。

Answer 5

尝试使用

<? php if( is_front_page() ) { ?>
    <header class="header home" role="banner">
    <?php  } else { ?>
    <header class="header" role="banner">
    <?php
  }
?>

仅当您设置了首页显示->您在阅读设置中的最新帖子时，is_home（）才会在主页上返回true。

有关更多信息，请阅读http://codex.wordpress.org/Function_Reference/is_home#Blog_Posts_Index_vs._Site_Front_Page