【wordpress】カテゴリー毎に画面のスタイルを変える方法【小技】

function foot_customtags() {
echo <<< EOM
<script>
$(function(){
    if ($('.cps-post-cat').text() == 'お金') {
        /**** お金カテゴリーの場合のスタイルをここにJavaScriptで記述します。****/
    }
});
</script>
EOM;
}
add_action( 'wp_footer', 'foot_customtags' );

function foot_customtags() {
echo <<< EOM
<script>
$(function(){
    if ($('.cps-post-cat').text() == 'お金') {
        // お金カテゴリーの場合に以下を適用します。

        // 背景画像を指定
        $('#main-image a img').attr('src', 'https://katblog.manadream.net/wp-content/uploads/2019/11/katblog-money-top-image.png');
        // メインタイトル
        $(".main-image-text").text("KATのブログ@金融");
        // サブタイトル
        $(".main-image-text-sub").text("現役サラリーマンがお金の有益情報を発信します");
        // メインタイトルにスタイル適用
        $(".main-image-text").css({
            "color": "#331907"
        });
        // サブタイトルにスタイル適用
        $(".main-image-text-sub").css({
            "color": "#331907"
        });
        // メインタイトルの影の設定
        $(".top-image-text-option-shadow").css({
            "text-shadow": "4px 2px 16px #cdf532",
            "text-shadow": "4px -2px 16px #cdf532"
        });
        // サブタイトルの影の設定
        $(".top-image-subtext-option-shadow").css({
            "text-shadow": "4px 2px 16px #cdf532"
        });
    }
});
</script>
EOM;
}
add_action( 'wp_footer', 'foot_customtags' );