ローディング中

コピペでOK!wp_list_categoriesで出力した要素にslugでクラスをつける。WordPress

こんにちは!

本日は個人的によく使うwp_list_categoriesで出力したカテゴリに

任意のクラスをつける方法を紹介したいと思います。

wp_list_categoriesとは?

いつもお世話になります。

codexさん

https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_list_categories

カテゴリ一覧を出力してくれるタグです。

こんな感じで使ってます。

一例です。

よく使います。

カテゴリにslugをつけるには?

ダッシュボードから

投稿→カテゴリ

でカテゴリーメニューへ飛びます。

こちらで任意のslugを入力できます。

どんな時に使うの?

こちらをご覧ください。

例えばこんな感じでカテゴリを分けて、それぞれに任意のアイコンをつけたいとします。

カテゴリーそれぞれに初めからクラスが自動でついてますが、

自動だからこそ仮想環境と本番環境でクラス名が違ったり、カテゴリの登録する順番が変わったらアイコンも変わってしまう可能性があります。

そんな時に任意のクラスをつけれたら便利です。

これをfunnction.phpに貼り付けてください。

こちらを参考にさせて頂きました。

wp_list_categoriesのclassにスラッグを含める方法

古い記事ですが役立ちました。ありがとうございます。

こんな感じでslugがクラスになります。

cat-item-指定したslug

今のところエラーもなく、非推奨の関数なども使われていませんので是非活用してみてください。

ホームページ制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3 E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.