更改不同頁面的標題徽標

我在尋找如何根據<body>中的任一類或登錄type/page模板更改徽標。我不太瞭解PHP，如果我猜測我將需要使這個工作。更改不同頁面的標題徽標

我認爲，如果我將所有的標識都放在精靈圖形中，並使用css類來更改爲每個頁面的不同標識，那麼php只會改變類。

這樣的事情？

if(body class="home") { 
    <div class="logo1"><img src="images/logo.png" /></div> 
} elseif(body class="page1") { 
    <div class="logo2"><img src="images/logo.png" /></div> 
} else { 
    <div class="logo"><img src="images/logo.png" /></div> 
}

我還沒有試過這個代碼，只是想知道這是否正確的方式。

來源

2012-06-17 Daniel Morton

iambriansreed在我之前回答得很好，並提供了一個很好的答案，但我想擴展他所說的話，我不得不說更適合發表評論，所以我發佈了自己的答案。

在您的HTML中，您將擁有一個徽標元素，例如一個div或h1標籤：

<h1 class="logo">My Company</h1>

然後使用CSS，你會隱藏文本，並用圖像替換爲：

.logo { 
    background: url(mylogo.png) 0 0 no-repeat; 
    width: 200px; /* match logo width */ 
    height: 80px; /* match logo height */ 
    text-indent: -9999px; /* hides text */ 
}

我已經展示了一種技術來隱藏文本。還有其他方法。將文字留在標記中的原因是針對SEO和輔助功能。

在子頁面，你會使用一個更具體的選擇，基於附加到你的身體標記的類，改變標誌底色爲：

.section2 .logo { 
    background: url(mylogo.png) 0 -80px no-repeat; 
}

PHP不來代入公式，除了附上基於正在呈現哪個部分/頁面的身體標記的唯一類。

來源

2012-06-17 08:17:54

是啊我是在想這通過添加PHP時，我可以只使用CSS！ –

大多數主題都會在body標籤中添加幾個類，可以是slug或page-id-number。

檢出您的網頁的源代碼看在身體標記和是的，使用精靈。

PHP是矯枉過正。使用CSS。

來源

2012-06-17 07:14:19 iambriansreed

yep過去認爲它..工作完成 –

更改不同頁面的標題徽標

回答

相關問題