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


If Portfolio item has tag, add CSS

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

我希望能够在左上角用黑色方块将某些投资组合项目标记为"已售出",就像使用带有"销售"块的产品一样。这里的"最新项目"下有一个例子。我希望能够实现与投资组合项目相同的效果,如上面的3张图片"最新项目"。

我想一个很好的方法是这样说:

"如果公文包项目有Sold标记,请添加以下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;

但这是我所能想到的。如果投资组合项目有"Sold"标记,我应该在哪个php文件中写这个规则?我该怎么写呢?

您可以按照以下给定的方式使用标记进行检查。您可以在post循环中使用以下代码。如果你不知道你想要的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

在yout.php文件中,您需要检测投资组合是否具有"Sold"属性。我无法访问您的PHP后端,所以我将尝试进行模拟。

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

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

并且在您的css中尝试放置以下内容:

.sold {
    background-color: #e6ae48;
}