如果Portfolio项具有标记,请添加CSS

时间:2016-04-29 16:46:03

标签: php css

我最近购买了斯德哥尔摩主题,并尝试自定义它:

我希望能够将某些投资组合项目标记为“已售出”。左上角有黑色方块,可以使用“销售”产品来完成。块。找到了一个例子here, under "latest items"。我希望能够通过上面的3张图片和#34;最新项目"等投资组合项目达到同样的效果。

我认为这样做的好方法就是:

  

"如果投资组合项目有 已售出 标记,请添加以下CSS"。

然后使用以下CSS:

position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
background-color: #393939;
color: #fff;
z-index: 100;

但是我可以理解这一点。我应该在哪个php文件中写这个"如果投资组合项目已经出售'标签" 规则?我该怎么写呢?

2 个答案:

答案 0 :(得分:0)

您可以使用以下给定方式检查标签。您可以在post循环中使用以下代码。如果您不知道所需的帖子循环在哪里,您可以提供代码或目录文件,以便我可以为您提供准确的代码。

<?php
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
if($tag->name == 'Sold') {?>
 //here you will add your styles what so ever
<?php }
}
}
?>

希望,这有意义,进一步阅读https://codex.wordpress.org/Function_Reference/get_the_tags

答案 1 :(得分:0)

在你的php文件中,你需要检测投资组合是否有&#34;已售出#34;属性。 我无法访问您的PHP后端,因此我会尝试模拟。

当你展示你的html时,你可以添加一个新的类,如:

<li class="... <?php if($portfolio->isSold){ echo " sold";}?>"> ...

并在你的CSS中试着把它放在:

.sold {
    background-color: #e6ae48;
}