【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で囲って横並びにするなどして工夫してあげてください。
あわせて読みたい


SWELLで記事スライダーを自由に設置する方法
記事一覧をスライダーにできたらいいなって思ったことありませんか? 今回は固定ページや投稿ページなど、好きな箇所に好きなスライダーを実装する方法をお伝えします。…
おすすめWEBスクール
WEB制作やWEBデザインを学びたいなら、SNSでも話題の「デイトラ」がおすすめ!
どのコースも10万円前後と業界最安値で、副業や転職に向けて十分なスキルを身につけることができます。
\ クリックしてジャンプ! /
お気軽にコメントどうぞ