0

さて、カテゴリをdivでラップしました

<div id="categoryf">
  <?php $category = get_the_category();  echo $category[0]->cat_name;?>
</div>

最初のカテゴリのみが表示されますが、私の要件は、特定のカテゴリを別の div に取得して、別の背景色を割り当てることができるようにすることです。

どうすればこれを達成できますか。

ここで編集は私のcssです

#categoryf{ 
  position:absolute;
  padding:4px;
  width:auto;
  height:13px;
  margin-top:-86px;
  font-family:abeatbykairegular;
  font-weight:200;
  font-size:13px;
  font-weight:bold;
  letter-spacing:6px;
  color:#fff;
  background:#2d0748;
  overflow:hidden;
  z-index:2;
}

#categoryf a:link,
#categoryf a:visited{ 
color:#fff;
}
#categoryf a:hover{ 
color:#af77c0;
text-decoration:none;
}
4

1 に答える 1

0

カテゴリ スラッグを使用して、それらの CSS クラスを作成します。

<?php $category = get_the_category(); ?>
<div id="categoryf" class="category-<?php echo $category[0]->slug ?>">
    <?php echo $category[0]->cat_name;?>
</div>

編集：

一部のカテゴリを異なる色にし、他のカテゴリを同じ色にする。category-commonクラスを定義してそれを含めるだけです。

<?php $category = get_the_category(); ?>
<div id="categoryf" class="category-common category-<?php echo $category[0]->slug ?>">
    <?php echo $category[0]->cat_name;?>
</div>

次に、CSS で、このようなスタイルを適用できます。

.category-common {
      background-color: blue;
}

.category-business {
      background-color: green;
}

CSS で最初のものを定義してからcategory-common、スラッグに基づいてクラスを宣言するだけで別の色が必要なカテゴリを定義してください。

于 2013-06-03T02:34:27.617 に答える