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

Question

我正在创建一个 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);?>">

好像没问题，但是什么都没有显示。

Answer 1

@最大水由于我还没有开始做这方面的工作，所以没有太多代码可以展示。我有一张简单的图片，展示了主要思想。我们有 4 页和 2 个部分。白色区域是导航栏。它始终保持不变。 @ 页面有蓝色横幅，2 页有红色横幅。这只是一张照片。所以在 header.php 中，我肯定会有导航栏和横幅图片。问题是，如何根据页面改变图片？

See the picture for more info

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

How to load different banner picture on the same header.php?

html

css

jquery

header

banner