Environment Color Badge by Volade
Never edit PROD by accident.
Environment Color Badge by Volade paints the admin bar and an optional banner for PROD, DEV, STAGING and LOCAL — 4 presets, REST eci/v1, WP-CLI wp eci.
3-step workflow
- 1Open Volade → Environment Color Badge
- 2Apply local-dev, staging-orange, prod-red-subtle or agency-multisite
- 3Confirm colors — export JSON
Agency reality 2026
12 client sites open — which tab is production?
Teams rely on URL memory, Query Monitor notices or sticky notes — no fleet-wide color badge.
PROD
One glance — not a guess
Admin bar + banner, 4 presets, JSON export — no mandatory SaaS.
4
Env colors
Bar
+ optional banner
4
Badge presets
JSON
Free export
At a glance
WP_ENVIRONMENT_TYPE is invisible; Query Monitor and manual CSS don’t cover a fleet. Environment Color Badge by Volade v1.0.0 colors the admin bar and an optional banner for PROD / DEV / STAGING / LOCAL: four presets (local-dev, staging-orange, prod-red-subtle, agency-multisite) and JSON export — free without an account.
Screenshots
Full-page real admin UI — presets, diagnostics and detailed settings.
Tooling compare 2026
Native constant + CSS hacks, or ECI at €0
WP Environment Type stays invisible. Staging plugins are one-off. Excel never syncs.
Free core · bar + banner · 4 presets · JSON export
Guesswork
Typical env stack
€0
Environment Color Badge Volade
Why native env type and CSS hacks are not enough
WP_ENVIRONMENT_TYPE is invisible. Query Monitor is a notice. Staging banners are one-off. Excel drifts.
The invisible environment problem
You need a color signal — not a PHP constant.
WP_ENVIRONMENT_TYPE exists but nobody sees it. Query Monitor adds a notice. Manual CSS drifts. Staging banners are one-off. Excel never matches the open tab.
- WP Environment Type: constant only — zero UI signal
- Query Monitor: env notice for developers, not a fleet badge
- Manual CSS / mu-plugin: brittle per site
- Staging plugin banners: one-off, no presets or export
- Excel / Notion checklist: drifts from reality
- No JSON export or WP-CLI to harmonize the agency fleet
The Volade answer
Color, banner, export — from wp-admin, without guesswork.
ECI paints the admin bar, optional front banner, applies 4 presets and exports a free JSON report.
- Dedicated Volade → Environment Color Badge dashboard
- Colored admin bar for PROD / DEV / STAGING / LOCAL
- Optional front banner (logged-in only by default)
- 4 presets: local-dev, staging-orange, prod-red-subtle, agency-multisite
- Force override or auto-detect from WP_ENVIRONMENT_TYPE
- Free JSON export — settings, env, log
- wp eci status | preset | set | export
4 environment presets
Local Dev, Staging Orange, Prod Red Subtle or Agency Multisite — one click, colors preserved.
Local Dev
Bright teal/green admin bar + front banner for local work.
local-devStaging Orange
Orange staging colors — bar + banner on.
staging-orangeProd Red Subtle
Subtle red admin-bar tint only — front banner off.
prod-red-subtleAgency Multisite
ENV SITE labels — bar + banner for agency fleets.
agency-multisite4 environment readings
LOCAL, DEVELOPMENT, STAGING and PRODUCTION — resolved from WP_ENVIRONMENT_TYPE or override.
Local machine — safe to break things.
Shared dev — still not production.
Pre-prod — verify before go-live.
Live site — edit with care.
Resolved from WP_ENVIRONMENT_TYPE, force override or detection — re-check after deploy.
Same wp-admin, unmistakable environment
Staging Orange preset — bar + banner before any content edit.
Bar
Admin bar tinted for the resolved env.
Banner
Optional front banner for logged-in users.
Preset
“Staging Orange” applied — agency-ready.
Export
eci-export.json for the ops team.
Dashboard preview
STAGING — orange bar · banner on · staging-orange
Logged settings and JSON exported for agency handoff or sprint board.
Real scenarios
What changes after activation.
Agency fleet
Before: Guess which tab is prod
After: agency-multisite → ENV SITE labels
Zero mix-ups
Local laptop
Before: Same grey admin everywhere
After: local-dev teal/green bar + banner
Local clarity
Staging handoff
Before: Sticky note “don’t publish”
After: staging-orange bar + banner
Visible warning
Production care
Before: No visual cue on live
After: prod-red-subtle bar, banner off
Subtle & safe
What native WP and Excel don't offer
Colored bar + banner, presets, dashboard and export — in wp-admin, no Volade account required.
Colored admin bar
PROD / DEV / STAGING / LOCAL tint in every wp-admin screen.
Optional banner
Front banner for logged-in users — off on prod-red-subtle.
Env resolution
WP_ENVIRONMENT_TYPE, force override or auto detection.
4 presets
local-dev, staging-orange, prod-red-subtle, agency-multisite.
Custom colors & labels
Per-env swatches and labels — agency-friendly.
JSON export
Settings, resolved env and audit log — free.
WP-CLI + REST
wp eci status/preset/set/export — eci/v1.
Audit log
History of presets and force_env changes.
Complements WP_ENVIRONMENT_TYPE: makes the env visible in the admin bar and optional front banner.
What teams use to mark environments
July 2026 landscape — native constant vs colored badge.
WP Environment Type
€0
Native constant — invisible in the UI.
Query Monitor notice
Free
Dev notice only — not a fleet badge.
Manual CSS / mu-plugin
Time
Per-site hacks — drift across clients.
Staging plugin banners
Varies
One-off banners — no presets or export.
Excel / Notion checklist
Lost time
Hand-tracked envs — never in wp-admin.
Environment Color Badge by Volade
€0
Bar + banner, 4 presets, REST + WP-CLI, JSON export.
WordPress environment landscape 2026
Native constant, Query Monitor, CSS hacks vs colored badge — ECI targets the visible env signal.
WP Environment Type
Native WP_ENVIRONMENT_TYPE constant.
Limit: Invisible in the UI — zero color signal.
Query Monitor
Dev toolbox with env notice.
Limit: Notice for developers — not a fleet badge.
Manual CSS / mu-plugin
Custom CSS per environment.
Limit: Brittle — drifts across client sites.
Staging plugin banners
One-off staging warning plugins.
Limit: No presets, no export, limited envs.
Excel / Notion checklist
Manual env inventory outside WordPress.
Limit: Drifts — never matches the open tab.
Do nothing
Rely on URL memory alone.
Limit: Inevitable prod edits by mistake.
Comparison table — 5 approaches
ECI vs WP Environment Type, Query Monitor, staging plugins and Excel/Notion.
| Feature | ECI Volade | WP Env Type | Query Monitor | Staging plugins | Excel / Notion |
|---|---|---|---|---|---|
| Colored admin bar | ~ | ~ | |||
| Optional front banner | |||||
| PROD / DEV / STAGING / LOCAL | ~ | ~ | ~ | ||
| 4 environment presets | ~ | ||||
| Force override + auto-detect | ~ | ~ | ~ | ||
| Free JSON export | ~ | ||||
| Built-in WP-CLI | |||||
| No SaaS account (core) | ~ | ||||
| REST eci/v1 | |||||
| Typical annual cost | €0 | €0 | €0 | Varies | Time |
Native constants and Query Monitor remain useful — ECI adds a visible color badge and export in every wp-admin.
Three tiers, one plugin
Bar, banner, presets and JSON export free. Volade account for REST. V+ for multisite rollup.
No account
- Colored admin bar
- Optional banner
- 4 presets
- Dashboard
- JSON export
- Audit log
Volade account
- REST eci/v1
- Status/preset via API
- Scheduled export
V+ Premium
- Multisite preset rollup
- wp eci network
- Agency harmonization
WP-CLI `wp eci` and REST `eci/v1` to status, preset, set and export across staging and production.
WP-CLI
status, preset, set and export over SSH — `wp eci preset staging-orange`.
wp eci status wp eci preset staging-orange wp eci set production wp eci export
Multisite
Colors and labels per site; harmonized presets on V+.
- Badge per blog
- Consolidated JSON export
- Agency network presets
Download
Install the ZIP, open Volade → Environment Color Badge, apply staging-orange — see the bar.
ZIP with Volade SDK — Volade → Environment Color Badge (or Tools → Environment Color Badge).
- 1Plugins → Add New → Upload → ZIP → Activate
- 2Volade → Environment Color Badge
- 3Pick preset → confirm bar/banner → export JSON
Colored bar in under 60 seconds
FAQ
Native env type vs ECI, Query Monitor, presets, multisite and Volade account.
No — ECI reads it (and can override). It makes the environment visible with color.
Free vs V+ Premium
The extension works without an account. V+ unlocks premium on this extension and the full catalog.
| Feature | Free | V+ |
|---|---|---|
| Colored admin bar for PROD / DEV / STAGING / LOCAL | ||
| Optional front banner (logged-in) | ||
| 4 local-dev / staging-orange / prod-red-subtle / agency-multisite presets | ||
| Dashboard, audit log & free JSON export | ||
| Programmatic eci/v1/* REST API (connected) | ||
| Network rollup, scheduled exports & multisite |
Reviews, discussions & updates
Share your experience with Environment Color Badge by Volade and follow the latest releases.
Ready to color your environments?
Download Environment Color Badge by Volade v1.0.0 — colored bar in one click, no signup.
Download v1.0.0