「新着情報」のカテゴリーラベルに色を付ける方法

Cocoonカスタマイズ集
この記事は約1分で読めます。
記事内に広告が含まれています。

はじめに

「新着情報」のカテゴリーラベルは、デフォルトでは色が付いていません。
投稿→カテゴリー→カテゴリー編集の「カテゴリー色」で、ラベルの色を変更できます。

そこで、この設定を「新着情報」のラベルにも正しく反映させるようにします。

この記事では、この方法について説明します。

完成イメージ

実装手順

以下の手順で実装します。

  • ラベル
    PHPを追加

    以下のコードをfunctions.phpに追加します。

    add_filter('nolink_category_label_classes', function ($classes, $category) {
      $classes[] = 'cat-label';
    
      return $classes;
    }, 10, 2);
  • ラベル
    CSSを追加

    以下のコードをstyle.cssに追加します。

    .info-list-item-meta {
      opacity: 1;
    }

さいごに

今回紹介した方法を使えば、「新着情報」のカテゴリーラベルに任意の色を適用できます。
デザインの統一感を出したり、視認性を向上させることができます。

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