WordPressでお知らせ一覧リストのアイコンをカテゴリーごとに自動で変更させる

WordPressでお知らせ一覧リストのアイコンをカテゴリーごとに自動で変更させる

WordPressで制作するコーポレートサイトには「お知らせ」や「新着情報」を設置するのですが、カテゴリーごとにアイコンを変えたいなと思いました。せっかくWordPressで作っているんだから、取得できる情報を活用して、勝手に切り替わるようにしました。その時に実装したメモです。

カテゴリーのスラッグを活用する

WordPressでカテゴリーを作成する時に設定するスラッグ。このスラッグを取得して、投稿のリストごとにアイコン(画像)を変える方法。簡単に言い換えれば、取得したスラッグ名をCSSのクラスや画像ファイル名の一部分で置き換えます。

CSSクラスをカテゴリースラッグにする

画像ファイル名の一部分をカテゴリースラッグにする

参考:http://planbworks.net/web/category_slug.html

いいね!のお慈悲を…

この記事が良かったらシェアをお願いします!

記事の感想はこちら