WordPressの投稿タグにBootstrapのclassをつけてlabel表示にする

harada 451views 更新:2014年6月16日

<?php the_tags(‘前’, ‘区切り文字’, ‘後’); ?>タグだと投稿タグを取得はできますが、リンクのclassなどの自由が効きません。

下記のようにすることでそれぞれのリンクにclassを設定できます。
こちらの場合Bootstrapのlabelクラスをつけて、label表示にしています。

<?php
$posttags = get_the_tags();
$my_array = array();
$homeurl = home_url();
if ($posttags) {
echo '<div class="metaTag fr mr0">タグ:';
     foreach($posttags as $tag) {
     echo '<a href="' . $homeurl . '/archives/tag/' . $tag->slug . '" class="label">' . $tag->name . '</a> ';
         $my_array[] = $tag->name ; 
}
echo '</div>'; } ?>

参考:出力される投稿タグそれぞれに別のclassを付与して見た目をいじる[WordPress使えそうなスニペットシリーズ]

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません