SANGOトップページ各記事のカテゴリー背景色を変更する方法|中級者向けカスタマイズ
SANGOトップページ各記事のカテゴリー背景色を変更する方法|中級者向けカスタマイズ

SANGOのトップページの各記事に表示されているカテゴリー部分の背景色を変更する方法を解説します。

トップページの各記事に表示されているカテゴリー部分

トップページの各記事に表示されているカテゴリー部分

SANGOの子テーマをダウンロード

今回解説する方法では、SANGOの子テーマをカスタマイズするので、まだダウンロードしていない方は下記から子テーマをダウンロードしてインストールしておきましょう。

SANGOの子テーマをダウンロード

カテゴリーIDを確認する

はじめに、背景色を変更したいカテゴリーのIDを確認します。

WordPressの管理画面左メニューから『投稿カテゴリー』という順にクリックして進みましょう。

WordPressの管理画面左メニューから『投稿→カテゴリー』という順にクリック

WordPressの管理画面左メニューから『投稿→カテゴリー』という順にクリック

カテゴリー一覧画面が開きます。
背景色を変更したいカテゴリーにカーソルを合わせると、画面の左下にIDが表示されるので、これをメモしておきます。

カテゴリーIDをメモしておく

カテゴリーIDをメモしておく

上記の場合、カテゴリーIDは「1」になります。

CSSにコードを追加

子テーマのstyle.cssを開き、下記のコードを貼り付けます。

上記の〇〇部分は、先ほど調べたカテゴリーID、
△△部分には、変えたい色のカラーコードを記述します。

今回は例として、「未分類」カテゴリーの背景色を黒色にしてみます。

カテゴリーの背景色を黒色に変更

カテゴリーの背景色を黒色に変更

これで、カテゴリー部分の背景色を変更することができます。

まとめ

今回は、SANGOのトップページの各記事に表示されているカテゴリー部分の背景色を変更する方法を解説しました。

コードをコピペするだけで簡単に変更することができるので、気になった方はぜひ試してみてください。

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事