不同的背景颜色取决于属性状态

时间:2014-09-03 14:04:45

标签: css wordpress styling

我的造型有问题,我很挣扎。在我的网站上,我需要为每个属性状态设置不同的背景颜色。例如' Under Offer'应该是蓝色的,'出租'绿色(如截图:http://i.imgur.com/SP2EyTR.png)。

我的网址是http://horizons-estateagents.co.uk

我真的很感谢你的帮助,因为我尝试了不同的事情并没有得到任何结果。

非常感谢你。 安娜

编辑:

<figcaption>
                    <?php
                    $status_terms = get_the_terms( $post->ID,"property-status" );
                    if(!empty( $status_terms )){
                        $status_count = 0;
                        foreach( $status_terms as $term ){
                            if( $status_count > 0 ){
                                echo ', ';
                            }
                            echo $term->name;
                            $status_count++;
                        }
                    }
                    ?>
                </figcaption>

2 个答案:

答案 0 :(得分:0)

为父元素或特定元素使用唯一的类名。使用它,您可以为元素指定唯一的背景颜色。

答案 1 :(得分:0)

在您的PHP代码中,执行以下操作:

<figcaption<?php
switch ($status)
{
  case "For Rent":
    echo ' class="rent"';
    break;
  case "Under Offer":
    echo ' class="offer"';
    break;
  case "Rental Agreed":
    echo ' class="agreed"';
    break;
}
?>><?php // ?></figcaption>

现在在CSS中:

.rent {background-color: #ccf;}
.offer {background-color: #cfc;}
.agreed {background-color: #fcc;}

无论如何,你走了。找到这个:

<figcaption>
    <?php

替换为:

<figcaption<?php
$status = get_the_terms( $post->ID,"property-status" );
switch ($status)
    {
      case "For Rent":
        echo ' class="rent"';
        break;
      case "Under Offer":
        echo ' class="offer"';
        break;
      case "Rental Agreed":
        echo ' class="agreed"';
        break;
    }
?>>
    <?php