【WordPress】タグクラウドの文字サイズをそろえる

【WordPress】タグクラウドの文字サイズをそろえる

CATEGORY

WordPressのタグクラウドの文字サイズをそろえる方法を備忘録として記録します。
タグクラウドはサイドバーなどのウィジェットで追加できるタグを一覧表示できる機能です。

デフォルトではサイト内で使用頻度の高いタグは大きく表示されるなど、文字のサイズに大きなばらつきがあります。

タグクラウドデフォルト状態
画像はデフォルトの状態です

文字サイズを統一しようとCSSで普通に記述してもこれらは変更されませんでした。<a>タグに直接styleでフォントサイズを指定するようでそちらが優先されます。

対応策:!importantで優先順位を上げる

cssの文字サイズ指定に!importantを追記してこちらを優先するようにします。

具体的な記述例

具体的な記述例は下記です。フォントサイズの後ろに!importantを記述します。

.tag-cloud-link {
    font-size: 0.8em !important;
}
上画像は指定した状態

まとめ

タグクラウドの文字サイズを変更する備忘録でした。