【SWELL】投稿リストにカテゴリーとタグを両方表示させる

2024/12/122024/12/13

投稿リストブロックにはカテゴリーを表示させることが出来ますが、タグも表示したいと思ったことはないでしょうか？

カテゴリー表示をタグ表示に差し替えるという方法は既存の解説記事をいくつか見つけたのですが、カテゴリーもタグも両方表示させるというものは見かけなかったので、実装方法を考えてみました。

完成するとこんな感じ

タグの表示位置は悩んだのですが、日付下に入るようになっています。

デザインも3種類用意しました。

タグ表示はカード型の投稿リストブロックだけでなく、リスト型やサムネイル型、テキスト型にも適用されます。

こちらにデモサイトを用意しましたのでご確認ください。（デザインは①になってます）

CONTENTS

カスタマイズの説明

どういったカスタマイズなのかが分かりやすいように、「投稿リストにカテゴリーとタグを両方表示させる」というタイトルになっていますが、正確に言えばタグが表示されるのは以下の場所全てです。

タグが表示される場所

逆にタグが表示されない場所を言った方が分かりやすいかもしれないので一応書いておきます。

タグが表示されない場所

カスタマイズについてはfunctions.phpに専用のコードを追加し、CSSでデザインを整えるだけで簡単に実装できます。

一点だけ注意として、投稿リストブロックの「タイトルのHTMLタグ」がh2以外に設定されていると、正しくタグが表示されない可能性があります。

しかしこの設定をいじる方はあまりいないと思うので、ほとんどの場合気にする必要はないと思われます。

カスタマイズする際の注意事項

このカスタマイズは子テーマで作業することを推奨しています。未導入の方はこちらの解説記事を先にご確認ください。

あわせて読みたい

【SWELL】カスタマイズするなら子テーマを使おう！使い方と役割を解説 SWELLのカスタマイズ沼にハマってくると解説記事なんかでよく見るのは「カスタマイズは子テーマでやりましょう」ということ。子テーマはSWELLだけでなくWordpess自体…

またfunctions.phpという重要なファイルを編集する必要があります。

記述ミスなどによりサイトが何も表示されなくなる場合もありますので取り扱いには十分注意してください。

子テーマやfunctions.phpについてよくわからない・編集に不安がある場合は、記事をご購入いただくのではなくお仕事として私にご依頼いただくことをおすすめします。

＼ご依頼はココナラかXのDMで／

変更履歴等