サイト制作メモ

投稿日:

カスタムタクソノミーのカテゴリーやタグを出力

カスタム投稿のカテゴリーはよく出力するけど、毎回調べている気がするので記録。

カスタム投稿名:news
カスタムタクソノミー(カテゴリー):news-cat
カスタムタクソノミー(タグ):news-tag の時

aタグとして出力されます。

<?php echo get_the_term_list($post->ID, 'news-cat'); ?>

リスト形式など任意のタグに変更したい場合は以下の方法で。
いずれも news-cat を news-tag にするとタグが表示されます

<?php $terms = get_the_terms($post->ID, 'news-cat');
if ($terms) {
  echo "<ul>";
  foreach ($terms as $term) {
    $term_link = get_term_link($term);
    echo '<li><a href="' . esc_url($term_link) . '">' . $term->name . '</a></li>';
  }
  "</ul>";
}
?>

wp_list_categoriesを使って表示

wp_list_categoriesを使用しても出力できます。リスト形式

<ul>
  <?php
  $catlist = wp_list_categories(array(
    'taxonomy' => 'diary-cat', // タクソノミーの指定
    'title_li' => '',
  ));
  echo $catlist;
  ?>
</ul>

- サイト制作メモ

関連記事

webサイト制作時に役立つ!メインカラーを元にカラーを選べるサイト

web制作する時にカラーの組み合わせを調べたい時、色々なジェネレーターはあるけど たとえば メインカラーがすでに決まっていて それに合うカラーが知りたい時 ってないですか?私は結構あります。で、ジェネ ...

サイトのタイトルを画像置換する方法

よくやり方忘れてしまうのでメモ。 サイトのタイトルをh1とかで記述した場合 それを画像置換するための方法は色々あって 評価が分かれるので現時点でいいなと思っているものを。 まずはhtml <h1 ...

画面の縦幅いっぱいに背景画像を表示する

画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一画面だけでなくその下にもコンテンツがあっ ...

no image

クリック開閉のタグ[jQuery+css使用]

jQuery+cssを使用したクリック開閉のタグ。 簡単に設置できるのでお世話になっています。 jQueryのタグ <script> jQuery(function($){ $('.box ...

スライドショーの画像を切り抜いたように表示する

よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。 次回 ...