2016-04-29 37 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; 
}