WordPress lightningでカテゴリーを色分けしたい

WordPressのテーマlightningを使用しており、この度カテゴリーを色分けしたいです。
カテゴリーごとにクラスを付けて、cssで装飾しようと思いました。
複数のサイトを参考にしながらクラス付けを試みましたが、反映されないです。

前提・実現したいこと

http://inomacreate.com/wordpress-categorycolor/

このブログのように設定したいのですが、どのphpファイルに充てれば良いかも正直曖昧です。
該当のソースコード　の部分の

がカテゴリー部分になっています。
ここにカテゴリーごとのクラスを付与したいです。

発生している問題・エラーメッセージ

クラスが付与されない。

該当のソースコード

php
1//module_loop_post_meta.php
2<?php
3    $taxonomies = get_the_taxonomies();
4    if ($taxonomies):
5        // get $taxonomy name
6        $taxonomy = key( $taxonomies );
7        $terms  = get_the_terms( get_the_ID(),$taxonomy );
8        $echo_string = '<div class="multiple_categories">%s</div>';
9        $categories_string = "";
10        foreach ($terms as $term){
11            $term_url   = esc_url(get_term_link( $term->term_id,$taxonomy));
12            $term_name  = esc_html($term->name);
13            $term_color = '';
14            if ( class_exists( 'Vk_term_color' ) ) {
15                    $term_color = Vk_term_color::get_term_color( $term->term_id );
16                    $term_color = ( $term_color ) ? ' style="background-color:'.$term_color.';border:none;"': '';
17                }
18            $categories_string .= '<span class="entry-meta_items entry-meta_items_term"><a href="'.$term_url.'" class="btn btn-xs btn-primary"'.$term_color.'>'.$term_name.'</a></span>';
19        }
20        if ($categories_string != ''){
21            echo sprintf($echo_string, $categories_string);
22        }
23    endif;
24
25?>

試したこと

ここに問題に対して試したことを記載してください。
当方、wordpress初心者で、lightningのどのファイルにコードを充てれば良いかが曖昧です。
カテゴリーの色分けするファイルが、基本どこにあるのかでも知れると幸いです。

補足情報（FW/ツールのバージョンなど）

他のファイルとして、
single.php
page.php
module_panList.php
module_loop_post.php
などがあります。

説明下手で申し訳ないですが、何かアドバイスが頂けると幸いです。
よろしくお願いいたします。

行動規範の内容に同意します

回答1件

Lightning
https://ja.wordpress.org/themes/lightning/

このテーマだと思いますが……。

たぶん、その部分にclassを指定しなくてもいいのではないでしょうか。

記事を囲っている部分に
category-{カテゴリーのスラッグ}
でclassが書き出されているので、追加CSSにカテゴリー分以下を書き込めばいいのではないでしょうか。

css
1.category-{カテゴリーのスラッグ} .btn-primary {
2	background-color: blue; /色は好きなものに/
3	border-color: blue; /色は好きなものに/
4}
5

参考まで。

投稿2019/05/04 12:28

8-0_nyan5

総合スコア2352

schatten

2019/05/15 04:16

返信が遅れてしまい、すいません。実は、テーマ自体にカテゴリー配色をするのではなく、プラグインで作られたカテゴリーに配色をしないといけませんでした。そのため、JQueryで各カテゴリーのテキストを抽出して、色付けすることとなりました。 $(function() { $('td:parent').css('background-color', 'Yellow'); }); のような形で指定することで解決いたしました。 8-0_nyan5さんの方法でも行ってみましたが、カテゴリースラッグの部分のhtmlクラスが付与されておらず（何が原因かは不明です・・）、そのため上記の方法となりました。

行動規範の内容に同意します