3

私のワードプレスの投稿では、ワードプレス機能を使用してタグを含めました

<?php the_tags( $before, $sep, $after ); ?>

私の実際のCss：

.postclass{
  margin:10px 0px 10px 0px;
  }

.posttag{
  font-size:10px;
  float:left;
  color:#212121;
  margin-right:15px;
  padding:5px;
  border-radius:2px;
  background:black;
}

私のテンプレートでは：

<div class="postclass">
     <?php the_tags( '<p class="posttag">', ',', '</p>' ); ?>
</div>

これにより、すべてのタグが同じ黒の背景に表示されます。コンマで区切られた黒の背景の各タグテキストを取得するにはどうすればよいですか?

4

2 に答える 2

5

ここの例に従ってください: http://codex.wordpress.org/Function_Reference/get_the_tag_list

<div class="postclass">
     <?php the_tags( '<p class="posttag">', '</p><p class="posttag">', '</p>' ); ?>
</div>

これにより、すべてのタグが で個別にラップされ<p class="posttag">[link]</p>ます。

あなたのjsfiddleに近いもの：

PHP

<?php the_tags( '<ul class="postclass"><li>', ',</li><li>', '</li></ul>' ); ?>

CSS

ul.postclass li {
    float: left;
}
ul.postclass li a {
    padding: 5px;
    background-color: black;
}

jsfiddleのように -tag 自体をカスタマイズするthe_tags()ことはできません。<a>包むだけです。これを実現するにはget_the_terms()、後処理できるタグオブジェクトの配列を返すものを使用する必要があります。

于 2012-12-25T19:45:56.397 に答える