【SWELL】投稿リストのカテゴリー表示をタグに変更する方法

投稿リスト(投稿一覧)のサムネイル上にあるカテゴリー表示を、タグに変更する方法を解説します。

目次

コピペで完了

以下のコードをfunctions.phpにコピペします。

if (! function_exists('swl_parts__post_list_category')) :
  function swl_parts__post_list_category($args) {
    $the_id = $args['post_id'] ?? get_the_ID();
    $class  = $args['class'] ?? 'p-postList__tag u-thin';
    $tags   = get_the_tags($the_id);

    if (empty($tags)) {
      return;
    }

    $tag = $tags[0];
?>
    <span class="<?= esc_attr($class) ?> icon-tag" data-tag-id="<?= esc_attr($tag->term_id) ?>"><?= esc_html($tag->name) ?></span>
<?php
  }
endif;

SWELLの投稿リストは、swl_parts__post_list_category()関数でカテゴリー表示が行われています。

この関数内で、投稿IDに基づくタグを取得して、最初のタグを表示させるように上書きしてあげれば完了です。

応用でなんでも表示できる

今回は最初のタグのみを表示させていますが、foreachなどでループさせてあげれば全てのタグを表示させることも可能です。

その場合はタグ同士重なってしまうので、divで囲って横並びにするなどして工夫してあげてください。

おすすめWEBスクール

WEB制作やWEBデザインを学びたいなら、SNSでも話題の「デイトラ」がおすすめ!
どのコースも10万円前後と業界最安値で、副業や転職に向けて十分なスキルを身につけることができます。

役に立ったら他の方にシェア

お気軽にコメントどうぞ

コメントする

目次