記事詳細ページにタグを取得し表示させる

新着

カテゴリ一覧
- wordpress
- google
- サーバー
- ドメイン
- sns
- プラグイン
- css
- Illustrator
- photoshop
- bootstrap
- その他

wordpress

記事詳細ページにタグを取得し表示させる

2018/08/17

投稿に付けたタグを出力するには次のようにします。

<?php the_tags(‘タグ:’, ' , '); ?>

1	<?php the_tags(‘タグ:’, ' , '); ?>

リスト表示させる場合

<?php the_tags('<ul><li>','</li><li>','</li></ul>'); ?>

1	<?php the_tags('<ul><li>','</li><li>','</li></ul>'); ?>

リスト表示させclassを追加させる

<?php the_tags('<ul><li class="btn btn-o-lblck radius">','</li><li class="btn btn-o-lblck radius">','</li></ul>'); ?>

1	<?php the_tags('<ul><li class="btn btn-o-lblck radius">','</li><li class="btn btn-o-lblck radius">','</li></ul>'); ?>

.single-header-title ul li {
    margin-left: .5em;
}
.single-header-title ul li:first-child {
    margin-left: 0em;
}
.single-header-title .btn {
    display: inline-block;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 20px;
    padding: 0 1em;
}

.single-header-title ul li {

margin-left: .5em;

}

.single-header-title ul li:first-child {

margin-left: 0em;

}

.single-header-title .btn {

display: inline-block;

font-weight: 400;

font-size: 1.2rem;

line-height: 20px;

padding: 0 1em;

}

参考URL：http://kawatama.net/web/629