BACK TO DIRECTORY
Category Color Picker lets you assign a color to each WordPress category and automatically applies that color to post listings and category links on the front end.
Main features
- Adds a color picker to the category edit screen
- Automatically reflects the chosen color on the front end
- Automatic text color adjustment based on relative luminance
- Customizable CSS selectors
- Adds “Color”, “ID” and “Noindex” columns to the category list
- Sortable by the ID column
- Per-category noindex setting (applies to the category archive, single posts in that category, and tag/date archives that contain those posts)
- JSON export / import of categories (including color and noindex settings)
- Category colors output as CSS custom properties (–ccp-color-{slug} / –ccp-contrast-{slug})
- Category colors output as JavaScript variables (window.__ccp_color_{slug} and the CCPColors object)
Compatible plugins and themes
- VK All in One Expansion Unit
- Content Views
- General WordPress themes
- Any element via custom selectors
Usage
- Activate the plugin
- Go to Posts > Categories and edit a category
- Pick a color with the color picker
- Optionally enable the “Noindex” checkbox
- Optionally customize selectors under Settings > Category Color
- Use the CSS custom properties or JavaScript variables listed on the settings page in your theme
Screenshots
Color picker and noindex setting on the category edit screen
Color, ID and Noindex columns in the category list
Selector settings screen
Category colors reflected on the front end