如何在同一个header.php上加载不同的横幅图片?

时间:2017-11-10 12:16:23

标签: jquery html css header banner

我正在创建一个WP主题。结构和设计非常复杂,所以我需要找到一个如何编程所有内容的模式。

我有不同类型的页面,这些页面按部分分组。网站中的所有页面都具有相同的导航,但是一个部分中的所有页面都具有特定的横幅。换句话说,我要么创建5个不同的header.php文件(背面包含相同的导航栏和不同的横幅),要么创建一个header.php并根据该部分加载特定的横幅。

我认为这是可能的,但无法找到更多信息。 有什么想法吗?

由于

修改

page.php文件:

if(is_page(14)) {
$class_name='headerNew';
get_header();
}

的style.css:

.headerNew{
 background-image: url('img/explorebg.png')
  }

 .headerSupport{
    background-image: url('img/supportbg.png');
  }

header.php:

  <div class="<?php echo($class_name);?>">

看起来没关系,但没有任何显示。

1 个答案:

答案 0 :(得分:0)

@ Max Water 由于我没有开始研究,因此没有太多代码可供展示。我有一张简单的图片,显示了主要想法。 我们有4页和2节。白色区域是导航栏。它始终保持不变。 @页面有蓝色横幅,2页有红色横幅。这只是一张照片。所以在header.php中,我肯定会有nvigation bar和banner图片。问题是,如何根据页面更改图片?

See the picture for more info