ミギムキ

[WordPress] カスタム投稿用のタグリストを設置したい

やりたいこと

サンプルコード

php

<?php $terms = get_the_terms( $post->ID, 'tag_xxx' ); if( $terms && !is_wp_error($terms) ) { echo '<ul class="list_tag">'; foreach( $terms as $term ) { $term_link = get_term_link($term); echo '<li><a href="'. esc_url($term_link) .'">'. $term->name .'</a></li>'; } echo '</ul>'; } ?>
スポンサー広告

CSS

.list_tag { display: flex; flex-wrap: wrap; list-style: none; } .list_tag > li { padding: 0.5em 1em; border-radius: 2em; background-color: #3388dd; font-size: 14px; } .list_tag > li:nth-of-type(n + 2) { margin: 0px 0px 0px 1em; } .list_tag > li > a { color: #fff; text-decoration: none; }

仕組み、解説、補足など

  • 「get_the_terms」で受け取った配列の妥当性はヌルチェックだけでは確認できません。「is_wp_error」を併用して判定しましょう
  • 引っ張ってきたURLを表示するときは、esc_urlでエスケープ処理をしておきましょう