2018-11-02

WordPress記事一覧ページ(アーカイブ)のカテゴリー名の背景カラーをカテゴリーごとに変える方法

Minimal WPの「Minimaga」テーマのトップページの新着一覧や、
記事一覧ページ(アーカイブ)に表示されるカテゴリー名の背景カラーを、
カテゴリーごとに変えたい!という時のカスタマイズ方法を解説します。

WordPress記事一覧ページ(アーカイブ)のカテゴリー名の背景カラーをカテゴリーごとに変える方法

テーマ「Minimaga」はカテゴリー名を自動取得するコードが最初から入ってます。
以下のようなコード。

なので、CSSでカテゴリーネームごとに背景カラーを指定すればOK。
自分で付けたカテゴリーのスラッグがカテゴリーネームです。

/* カテゴリーカラー */
.nagoya { background-color: #FFFEE4; }
.life,.food,.kitchen-goods,.minimalism { background-color: #F6DEDE; }
.coffee { background-color: #ABD8A7; }
.web,.wordpress { background-color: #FFEFD3; }
.photo { background-color: #88B04B; }
.music { background-color: #996731; }

みたいな感じで背景カラーをそれぞれに指定。お好きなカラーで。

以上です!

*カスタマイズは必ずバックアップを取った上で慎重に自己責任で!

ホームページからの集客できてますか?

ワードプレステーマ「Minimal WP」
シンプルデザインのMinimal WPテンプレートを使えば、おしゃれなホームページやブログが誰でも自分で作れます。面倒な設定が不要なミニマル設計なのでWEB初心者でも簡単。集客やファン獲得に効果抜群です!
おすすめWordPressテーマ10選
by
Minimal WPオススメのレンタルサーバー
WordPressがワンクリックで簡単にインストールできる機能が付いている下記レンタルサーバーがオススメです。【保存版】初心者向けにドメイン・サーバーの取得からWordPressのインストールまでの手順をイチから完全解説しました。→WordPressサイトの始め方・完全手順

シンプルでおしゃれなワードプレステーマ「Minimal WP」