0

我正在设计自己的网站。首先，我创建了一个模板header.php并将footer.php它们放在includes文件夹中。所以，每次我要创建一个像“关于页面”这样的新页面时，我所要做的就是使用下面的代码调用它们：

<body>
    <?php include("includes/header.php"); ?>
    <?php include("includes/footer.php"); ?>
</body>
</html>

这是我的 header.php 中的代码

<div id="headwrapper">
    <header>
    <div id="logo"><img src="images/adlogo.png"/></div>
    <div id="homefeature">622x82</div>
    <div id="nav"> 
        <ul>
            <li><a href="index.htm">Home</a></li>
            <li><a href="about.htm">About</a></li>
            <li><a href="services.htm">portfolio</a></li>
            <li><a href="#">Blogs</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
   </div>
  </header>
</div><!--end of headwrapper-->

但是我index.php和我的关于页面具有相同的标题图像。有没有一种方法或代码可以为每个页面完成不同标题图像的工作？index.php 上的示例我想要 image1 和我的 about 页面我想要 image2。顺便说一句，我没有使用 wordpress，我的网站不是 wordpress。

4

2 回答 2

0

鉴于您的结构，我认为您可以像这样设置头文件：

<body>
    <?php $header_image = "about_us_header.jpg"; ?>
    <?php include("includes/header.php"); ?>
    <?php include("includes/footer.php"); ?>
</body>

并在标题中引用变量：

<div id="headwrapper">
<header style="background: url(<?php echo $header_image; ?>);">

但是等等我想到了一个更好的方法

你可以像这样在css中做到这一点：

<body class="aboutus">
    <?php include("includes/header.php"); ?>
    <?php include("includes/footer.php"); ?>
</body>

并在您的 CSS 样式表中：

body.aboutus header { 
    background: url(whatever.jpg);
}
于 2013-08-05T22:30:42.737 回答
0

另一种解决方案。

在 header.php 中，您调用函数 $_SERVER['PHP_SELF'] 获取页面名称，然后为该页面选择图像。你可以这样修改

<?php
    $imageName = ""; 
    if($_SERVER['PHP_SELF'] == "index.php")
    {
        $imageName = "images/1.png";
    }
    elseif($_SERVER['PHP_SELF'] == "aboutus.php")
    {
        $imageName = "images/2.png";
    }
?>    
<div id="headwrapper">
    <header>
    <div id="logo"><img src="'".<?=$imageName?>."'"/></div>
    <div id="homefeature">622x82</div>
    <div id="nav"> 
        <ul>
            <li><a href="index.htm">Home</a></li>
            <li><a href="about.htm">About</a></li>
            <li><a href="services.htm">portfolio</a></li>
            <li><a href="#">Blogs</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
   </div>
  </header>
</div><!--end of headwrapper-->
于 2013-08-05T22:41:03.027 回答