Question

我正在设计自己的网站。首先，我使用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和我的关于页面我想要image2。这一切都是谢谢你我不使用wordpress的方式我的网站不是wordpress。

Answer 1

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

<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);
}

Answer 2

另一种解决方案。

在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-->

每页都有不同的图片

2 个答案: