SANGOでトップページのカテゴリーラベルの色を変える方法

WordPressテーマのSANGOではトップページの記事一覧で表示されている各記事のカテゴリーラベルの色を自由に変えることができます。

カテゴリーごとにラベルの色を変えてあげることで、それぞの記事が属するカテゴリーの区別が容易になる効果があります。

SANGO

詳細ページ

SANGO

SANGOでのカテゴリーラベルの変更方法

SANGOで作成したサイトのトップページは自動で新着記事やカテゴリー別の記事などを表示させることができます。

デフォルトのままだと下図のようにどのカテゴリーラベルの色もメインカラーで統一されています。
【デフォルトのトップページ】

これをカテゴリーごとにカテゴリーラベルの色を変更します。
【変更後のトップページ】

トップページのカテゴリーラベルの色を変更するにはCSSを編集する必要があります。

/* WordPressカテゴリーの背景色 */
#main .catid2 {
    background: #FD0202;
}

/* プラグインカテゴリーの背景色 */
#main .catid3{
    background: #05DE79;
}

上記のソースをWordPressの管理コンソールから「外観」⇒「テーマエディター」を選択し、style.cssに追加します。

catid2の「2」はWordPressのカテゴリーIDを表しています。

調べる時はトップページを右クリックして「ソースの表示」からソールの内容を表示させ、<a class="dfont cat-name catid を検索することでも調べることができます。

WordPressテーマのSANGOではトップページので表示されている各記事のカテゴリーラベル色を変更できます。

カテゴリーラベルの色を変えると、記事の属するカテゴリー明確になる効果があります。

難しくないので、興味のある方は一度お試しあれ。

SANGO

詳細ページ

SANGO