[WordPress]get_the_category()を使って記事一覧にアイコン表示する




[WordPress]get_the_category()を使って記事一覧にアイコン表示する

どーもどーもどーもーイモトですー。昨日は選挙でイッテQなかったので若干不機嫌下山です。

さっそく本題。

WordPressでサイト制作していると良くある「トップページに新着一覧表示して更にサブカテゴリのアイコン付けてくださいねー」と言うさっさとコード書けよコラ的なご注文。
以前はプラグイン入れてやってましたが、こんな方法もありますよ!的にメモ。

やってることは、記事のカテゴリ取ってきて、そのカテゴリのスラッグ名をclassに突っ込むだけです。

まずは表示したいテンプレート(index.phpやhome.phpやfront-page.php)に以下のコードを

      // カテゴリ絞り込みしなくていい場合はいらんし↑

    •  []

要は

class="slug; ?>"

これが重要。
こう書くことでclassの値にカテゴリスラッグを入れることができます。

あとはCSSで

a.スラッグ名 {background:url(img/icon.png) left center no-repeat;}

と書いてあげればプラグイン使ったりカスタムフィールド使う必要ないですね。

タイトルとURLをコピーしました