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 が必要です。私はワードプレスを使用していないので、ありがとうございます。私のサイトはワードプレスではありません。

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 に答える