Title: Category Color Picker Author: sarap422 Published: 2025-06-20 Last modified: 2026-10-08 --- Szukaj wtyczek ![](https://ps.w.org/category-color-picker/assets/icon-256x256.png?rev=3655639) # Category Color Picker Autor: [sarap422](https://profiles.wordpress.org/sarap422/) [Pobierz](https://downloads.wordpress.org/plugin/category-color-picker.1.3.2.zip) * [Szczegóły](https://pl.wordpress.org/plugins/category-color-picker/#description) * [Recenzje](https://pl.wordpress.org/plugins/category-color-picker/#reviews) * [Instalacja](https://pl.wordpress.org/plugins/category-color-picker/#installation) * [Rozwój](https://pl.wordpress.org/plugins/category-color-picker/#developers) [Wsparcie](https://wordpress.org/support/plugin/category-color-picker/) ## Opis 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 and pages 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 1. Activate the plugin 2. Go to Posts > Categories and edit a category 3. Pick a color with the color picker 4. Optionally enable the „Noindex” checkbox 5. Optionally customize selectors under Settings > Category Color 6. Use the CSS custom properties or JavaScript variables listed on the settings page in your theme ## Zrzuty ekranu [⌊Color picker and noindex setting on the category edit screen⌉⌊Color picker and noindex setting on the category edit screen⌉[ Color picker and noindex setting on the category edit screen [⌊Color, ID and Noindex columns in the category list⌉⌊Color, ID and Noindex columns in the category list⌉[ Color, ID and Noindex columns in the category list [⌊Selector settings screen⌉⌊Selector settings screen⌉[ Selector settings screen [⌊Category colors reflected on the front end⌉⌊Category colors reflected on the front end⌉[ Category colors reflected on the front end ## Instalacja 1. Upload the plugin files to the `/wp-content/plugins/category-color-picker` directory 2. Activate the plugin through the Plugins menu in WordPress 3. Set the color and noindex for each category under Posts > Categories ## Najczęściej zadawane pytania ### Does it work with any theme? Yes. It works with any theme that uses the standard WordPress category output. With custom selectors, it can also support specific themes and plugins. ### Can it replace VK All in One Expansion Unit? Yes. It can be used as an alternative to the category color feature of VK All in One Expansion Unit, with more flexible selector settings. ### Can I customize the selectors? Yes. You can freely set CSS selectors under Settings > Category Color. ### Which pages does noindex apply to? It adds `noindex` to the robots meta tag on the category archive page, single posts and pages belonging to that category (including pages, when your theme enables categories for pages), and tag/date archive pages that contain posts in the target category. On WordPress 5.7 and later, `noindex` is added through the `wp_robots` filter, so it is combined with the robots meta tag that WordPress outputs (for example, ``). On older versions,` ` is output separately. ### Where can I check the noindex setting? You can check it in the „Noindex” column of the category list. Categories with the setting enabled show „noindex” in red. ### How can I use the colors in my own CSS? Every category color is output to `:root` as `--ccp-color-{slug}` (background) and`-- ccp-contrast-{slug}` (readable text color). For example, `border: 5px solid var(-- ccp-color-html-css);`. You can find the exact variable names for your site on the settings page. ### How can I use the colors in JavaScript? Colors are also output as `window.__ccp_color_{slug}` and `window.__ccp_contrast_{ slug}` inside `wp_head()`, so they can be referenced from inline scripts in the page body. This is useful for Chart.js or Canvas, where CSS variables cannot be resolved. Hyphens in the slug are converted to underscores (`chart1-light` becomes` chart1_light`). Slugs that are not valid JavaScript identifiers are available through the `window.CCPColors` object instead. ## Recenzje Wtyczka nie ma jeszcze żadnej recenzji. ## Kontrybutorzy i deweloperzy „Category Color Picker” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki. Zaangażowani * [ sarap422 ](https://profiles.wordpress.org/sarap422/) [Przetłumacz wtyczkę “Category Color Picker” na swój język.](https://translate.wordpress.org/projects/wp-plugins/category-color-picker) ### Interesuje cię rozwój wtyczki? [Przeglądaj kod](https://plugins.trac.wordpress.org/browser/category-color-picker/), sprawdź [repozytorium SVN](https://plugins.svn.wordpress.org/category-color-picker/) lub czytaj [dziennik rozwoju](https://plugins.trac.wordpress.org/log/category-color-picker/) przez [RSS](https://plugins.trac.wordpress.org/log/category-color-picker/?limit=100&mode=stop_on_copy&format=rss). ## Rejestr zmian #### 1.3.2 * Added CSS custom property output to :root (–ccp-color-{slug} / –ccp-contrast-{ slug}) * Added JavaScript variable output (window.__ccp_color_{slug}, window.__ccp_contrast_{ slug}, and the CCPColors object) * Hyphens in slugs are converted to underscores for JavaScript variable names * Added a section to the settings page describing the CSS and JavaScript variables * Renamed global variables to use the full plugin prefix (Plugin Check compliance) * Reduced the number of tags to five (Plugin Check compliance) * Removed the manual translation loading call, which is unnecessary since WordPress 4.6 (Plugin Check compliance) * Added the Domain Path header * Fixed: noindex was not output on pages assigned to a noindex category (the check now uses is_singular() instead of is_single()) * noindex is now added through the wp_robots filter on WordPress 5.7 and later, so only one robots meta tag is output #### 1.2.0 * Added JSON export / import for categories (buttons placed at the top right of the category list screen) * Export covers all categories (name, slug, parent, description, color, noindex) * Import resolves categories by slug; for existing categories only color and noindex are overwritten, missing categories are created * Separated logic into includes/ (pure logic is unit tested) #### 1.1.0 * Added „ID” and „Noindex” columns to the category list * Reordered columns to Name, Slug, Color, Description, Count, ID, Noindex * Made the ID column sortable * Added noindex feature (outputs meta robots noindex per category) #### 1.0.6 * Excluded tags from the target #### 1.0.5 * Switched to wp_enqueue_style() for CSS output (Plugin Check compliance) * Adjusted the text color luminance threshold to 0.6 for better readability * Translated plugin descriptions and messages into Japanese * Code optimization and compliance with WordPress standards #### 1.0.4 * Bug fixes and stability improvements * Improved CSS selector handling * Improved error handling #### 1.0.3 * Initial release * Color picker integration * Automatic text color adjustment * Customizable CSS selectors ## Meta * Wersja **1.3.2** * Ostatnia aktualizacja **1 tydzień temu** * Włączone instalacje **50+** * Wersja WordPressa ** 5.0 lub nowszej ** * Testowano do **7.1.3** * Wersja PHP ** 7.4 lub nowszej ** * Język * [English (US)](https://wordpress.org/plugins/category-color-picker/) * Tagi * [category](https://pl.wordpress.org/plugins/tags/category/)[color](https://pl.wordpress.org/plugins/tags/color/) [css](https://pl.wordpress.org/plugins/tags/css/)[noindex](https://pl.wordpress.org/plugins/tags/noindex/) [picker](https://pl.wordpress.org/plugins/tags/picker/) * [Widok zaawansowany](https://pl.wordpress.org/plugins/category-color-picker/advanced/) ## Oceny Nie przesłano jeszcze żadnych recenzji. [Twoja opinia](https://wordpress.org/support/plugin/category-color-picker/reviews/#new-post) [Zobacz wszystkierecenzje.](https://wordpress.org/support/plugin/category-color-picker/reviews/) ## Zaangażowani * [ sarap422 ](https://profiles.wordpress.org/sarap422/) ## Wsparcie Masz coś do dodania? Potrzebujesz pomocy? [Zobacz forum wsparcia](https://wordpress.org/support/plugin/category-color-picker/)