場合は、私は最近、ストックホルムのテーマを購入した

Question

CSSを追加してカスタマイズしようとしています：

私は黒い四角で「SOLD」されているなど、特定のポートフォリオ品目をマークする能力を持っているしたいと思います左上隅に「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; 

をしかし、それは私が把握することができますできるだけ多くのです。ポートフォリオ品目に「Sold」タグ「 rule」がある場合は、どのPHPファイルにこのを書き込む必要がありますか？そして私はそれをどのように書きますか？

Answer 1

下記の方法でタグで確認できます。ポストループ内で以下のコードを使用することができます。あなたが望むポストループがどこにあるのかわからない場合は、コードやディレクトリファイルを提供して、正確なコードを提供することができます。

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

理にかなっている希望は、さらにyo​​utはPHPファイルでhttps://codex.wordpress.org/Function_Reference/get_the_tags

Answer 2

を読むためには、ポートフォリオのプロパティを「販売」しているかどうかを検出する必要があります。 PHPバックエンドにアクセスできないので、私はシミュレートしようとしています。

あなたがHTMLを表示すると、あなたは、のような何か新しいクラスを追加することができます。

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

をして、あなたのCSSでこれを入れてみてください：

.sold { 
    background-color: #e6ae48; 
}