サイト制作メモ

投稿日:

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

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

カスタム投稿名: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>

- サイト制作メモ

関連記事

動画や連続写真からのアニメーションgifの作成

アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...

tableのwidth幅指定のメモ

サイト制作している時、 時々テーブルを使うけどIEやfirefoxでwidth指定がきかなかったので対応のメモ。 thやtdに対して幅を指定する場合 Chromeならcalc();が使えるけど、IEで ...

no image

cssで作るタイトルやテキストの装飾色々メモ

タイトルの背景を斜めボーダーにしたい 斜めボーダー背景。 色の組み合わせで色々な雰囲気がつくれる。 ただ、背景に柄が入ると中のテキストが読みにくくなるので、色は注意! HTMLは入れ子にしています。 ...

cssだけでドロップダウンメニューを実装(軽い!)

ドロップダウンメニューをcssだけで実装できる方法があるらしい。 jsファイルの読み込みがないなら軽くていいなぁと思いやってみた。 まずはhtml 一般的な入れ子構造のリストです。 <heade ...

jQueryで実装!画像の無限ループスライダー

よくサイトで見かけるイメージ画像がひたすら流れるやつをサイトに実装したいと思い調べたところ、下記のサイトに使いやすそうな無限ループスライダーがあったので実装。 jQueryで無限ループスライダー 無限 ...