2012-10-29 31 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的逻辑铁道部电子可读
  • 确保一致的命名约定