2012-10-29 68 views
0

隨着新的WordPress 2.7評論循環,我知道你可以簡單地添加.odd和.even到你的CSS來交替樣式,我已經完成:交替奇數和偶數評論樣式與新的WordPress 2.7評論循環

.odd { background: #ccc; color: #000; } 
.even { background: #bbb; color: #000; } 

但是,我有兩個不同的背景 - 淺色和黑色 - 用戶可以從選項面板中進行選擇。因此,我需要兩個不同的奇數和偶數類版本,所以我可以爲它們分別設置不同的顏色,因爲上面的背景顏色在淺色背景下看起來不錯,但對於黑色背景顏色不太好。

但是對於2.7註釋循環,奇數和偶數類實際上並不存在於代碼中。如果他們成功了,我已經做了這樣的事情:

$background = get_option('mytheme_background'); 
if ($background== "option1") { echo '<div class="odd-dark">'; } 
if ($background== "option1") { echo '<div class="even-dark">'; } 
if ($background== "option2") { echo '<div class="odd-light">'; } 
if ($background== "option2") { echo '<div class="even-light">'; } 
與.odd

所以和在。即便代碼實際上並不在那裏,我怎麼能去有兩個不同.odd和。即便版本CSS?

回答

0

遲來的迴應,但對於其他人絆倒在它...

一個更容易的解決這個問題是看它周圍的其他方法。不要爲每個必需的html元素添加主題選項名稱,只需在包含元素的中添加一個類名稱即可。

例如,在給定的例子,你可以在文檔body中添加「黑暗」到的類列表 - 那麼關於「黑暗主題爲」所有樣式的屬性定義應該像這樣:

body.dark div.odd { ... } 
body.dark div.even { ... } 

這樣你:

  • 較少膨脹在您的標記
  • 讓你的CSS的邏輯鐵道部電子可讀
  • 確保一致的命名約定