2016-04-29 72 views
0

我最近购买了斯德哥尔摩的主题,我试图对其进行定制:如果投资组合项目有标签,添加CSS

我想必须标记某些投资组合项目为被“卖”用黑色方块的能力在左上角,可以使用带有“SALE”块的产品完成。一个例子是here, under "latest items"。我希望能够通过投资组合项目获得同样的效果,例如“最新项目”上方的3张图片。

我想,去了解一个很好的办法是说:

“如果投资项目有销售标签,添加以下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文件中我应该写这个“如果投资组合项目有'Sold'标签'规则?我怎么写呢?

+0

_IN的PHP文件,我应该写THIS_在你生成视图的文件中。 – Chay22

+0

@ Chay22我不确定你的意思...我很欣赏这个答复。会不会是[shortcodes.php文件](http://prnt.sc/aydsj7)? – user2910809

回答

0

您可以按照以下给定的方式检查标签。您可以在后循环中使用下面的代码。如果你不知道你想要的后循环在哪里,你可以提供你的代码或目录文件,以便我可以为你提供确切的代码。

<?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

+0

它会在shortcodes.php文件中吗?也许某处这里:(!function_exists( 'portfolio_list')) '/ *组合列表简码*/ 如果{ \t功能portfolio_list($的ATT,$内容= NULL){ \t \t全球$ wp_query; \t \t global $ qode_options;' – user2910809

+0

下面是我正在谈论的代码截图:http://prnt.sc/aydsj7 – user2910809

+0

如果在某个时候你回来了,请回复,我会继续检查。 – user2910809

0

在YOUT PHP文件,你需要检测,如果投资组合“已售出”属性。 我没有访问您的PHP后端,所以我会尝试模拟。

当你展示你的HTML,您可以添加一个新的类,类似:

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

,并在你的CSS尝试把这样的:

.sold { 
    background-color: #e6ae48; 
}