Environment Color Badge by Volade
No vuelvas a editar PROD por error.
Environment Color Badge by Volade colorea la barra de admin y un banner opcional para PROD, DEV, STAGING y LOCAL — 4 presets, REST eci/v1, WP-CLI wp eci.
Flujo en 3 pasos
- 1Abrir Volade → Environment Color Badge
- 2Aplicar local-dev, staging-orange, prod-red-subtle o agency-multisite
- 3Confirmar colores — exportar JSON
Realidad de agencia 2026
12 sitios de clientes abiertos — ¿qué pestaña es producción?
Los equipos confían en la URL, avisos de Query Monitor o post-its — sin badge de color de flota.
PROD
Una mirada — no una apuesta
Barra de admin + banner, 4 presets, exportación JSON — sin SaaS obligatorio.
4
Colores de env
Barra
+ banner opcional
4
Presets de badge
JSON
Exportación gratis
De un vistazo
WP_ENVIRONMENT_TYPE es invisible; Query Monitor y el CSS manual no cubren una flota. Environment Color Badge by Volade v1.0.0 colorea la barra de admin y un banner opcional para PROD / DEV / STAGING / LOCAL: cuatro presets (local-dev, staging-orange, prod-red-subtle, agency-multisite) y export JSON — gratis sin cuenta.
Capturas de pantalla
UI de administración real a página completa: ajustes predefinidos, diagnósticos y configuración detallada.
Comparativa de herramientas 2026
Constante nativa + hacks CSS, o ECI a 0 €
WP Environment Type sigue invisible. Los plugins de staging son puntuales. Excel nunca se sincroniza.
Núcleo gratis · barra + banner · 4 presets · exportación JSON
A ciegas
Stack env típico
0 €
Environment Color Badge Volade
Por qué el tipo de env nativo y los hacks CSS no bastan
WP_ENVIRONMENT_TYPE es invisible. Query Monitor es un aviso. Los banners de staging son puntuales. Excel se desfasá.
El problema del entorno invisible
Necesitas una señal de color — no una constante PHP.
WP_ENVIRONMENT_TYPE existe pero nadie lo ve. Query Monitor añade un aviso. El CSS manual se desfasá. Los banners de staging son puntuales. Excel nunca coincide con la pestaña abierta.
- WP Environment Type: solo constante — cero señal UI
- Query Monitor: aviso para desarrolladores, no un badge de flota
- CSS / mu-plugin manual: frágil por sitio
- Banners de plugins staging: puntuales, sin presets ni exportación
- Checklist Excel / Notion: se desfasá de la realidad
- Sin exportación JSON ni WP-CLI para armonizar la flota de agencia
La respuesta Volade
Color, banner, exportación — desde wp-admin, sin adivinar.
ECI colorea la barra de admin, un banner frontal opcional, aplica 4 presets y exporta un informe JSON gratis.
- Dashboard dedicado Volade → Environment Color Badge
- Barra de admin coloreada para PROD / DEV / STAGING / LOCAL
- Banner frontal opcional (solo conectados por defecto)
- 4 presets: local-dev, staging-orange, prod-red-subtle, agency-multisite
- Override forzado o auto-detección desde WP_ENVIRONMENT_TYPE
- Exportación JSON gratis — ajustes, env, registro
- wp eci status | preset | set | export
4 presets de entorno
Local Dev, Staging Orange, Prod Red Subtle o Agency Multisite — un clic, colores preservados.
Local Dev
Barra teal/verde viva + banner frontal para trabajo local.
local-devStaging Orange
Colores naranja staging — barra + banner activos.
staging-orangeProd Red Subtle
Tinte rojo sutil solo en la barra — banner off.
prod-red-subtleAgency Multisite
Etiquetas ENV SITE — barra + banner para flotas de agencia.
agency-multisite4 lecturas de entorno
LOCAL, DEVELOPMENT, STAGING y PRODUCTION — resueltos desde WP_ENVIRONMENT_TYPE u override.
Máquina local — se puede romper.
Dev compartido — aún no es producción.
Pre-prod — verificar antes del go-live.
Sitio live — editar con cuidado.
Resuelto desde WP_ENVIRONMENT_TYPE, override forzado o detección — revisar tras el deploy.
Mismo wp-admin, entorno inequívoco
Preset Staging Orange — barra + banner antes de cualquier edición de contenido.
Barra
Barra de admin teñida para el env resuelto.
Banner
Banner frontal opcional para usuarios conectados.
Preset
« Staging Orange » aplicado — listo para agencia.
Export
eci-export.json para el equipo ops.
Vista previa del dashboard
STAGING — barra naranja · banner on · staging-orange
Ajustes registrados y JSON exportado para handoff de agencia o tablero de sprint.
Escenarios reales
Qué cambia tras la activación.
Flota de agencia
Antes: Adivinar qué pestaña es prod
Después: agency-multisite → etiquetas ENV SITE
Cero confusiones
Portátil local
Antes: El mismo admin gris en todas partes
Después: local-dev barra teal/verde + banner
Claridad local
Handoff staging
Antes: Post-it « no publicar »
Después: staging-orange barra + banner
Alerta visible
Cuidado producción
Antes: Sin señal visual en live
Después: prod-red-subtle barra, banner off
Sutil y seguro
Lo que WP nativo y Excel no ofrecen
Barra coloreada + banner, presets, dashboard y exportación — en wp-admin, sin cuenta Volade.
Barra de admin coloreada
Tinte PROD / DEV / STAGING / LOCAL en cada pantalla de wp-admin.
Banner opcional
Banner frontal para conectados — off en prod-red-subtle.
Resolución de env
WP_ENVIRONMENT_TYPE, override forzado o auto-detección.
4 presets
local-dev, staging-orange, prod-red-subtle, agency-multisite.
Colores y etiquetas
Muestras y labels por env — amigable para agencias.
Exportación JSON
Ajustes, env resuelto y registro de auditoría — gratis.
WP-CLI + REST
wp eci status/preset/set/export — eci/v1.
Registro de auditoría
Historial de presets y cambios de force_env.
Complementa WP_ENVIRONMENT_TYPE: hace visible el env en la barra de admin y un banner frontal opcional.
Qué usan los equipos para marcar entornos
Panorama julio 2026 — constante nativa vs badge coloreado.
WP Environment Type
0 €
Constante nativa — invisible en la UI.
Aviso Query Monitor
Gratis
Solo aviso de desarrollo — no un badge de flota.
CSS / mu-plugin manual
Tiempo
Hacks por sitio — deriva entre clientes.
Banners de plugins staging
Variable
Banners puntuales — sin presets ni exportación.
Checklist Excel / Notion
Tiempo perdido
Envs seguidos a mano — nunca en wp-admin.
Environment Color Badge by Volade
0 €
Barra + banner, 4 presets, REST + WP-CLI, exportación JSON.
Panorama de entornos WordPress 2026
Constante nativa, Query Monitor, hacks CSS vs badge coloreado — ECI apunta a la señal de env visible.
WP Environment Type
Constante nativa WP_ENVIRONMENT_TYPE.
Límite: Invisible en la UI — cero señal de color.
Query Monitor
Caja de herramientas de desarrollo con aviso de env.
Límite: Aviso para desarrolladores — no un badge de flota.
CSS / mu-plugin manual
CSS personalizado por entorno.
Límite: Frágil — deriva entre sitios de clientes.
Banners de plugins staging
Plugins de aviso staging puntuales.
Límite: Sin presets, sin exportación, envs limitados.
Checklist Excel / Notion
Inventario de env manual fuera de WordPress.
Límite: Se desfasá — nunca coincide con la pestaña.
No hacer nada
Confiar solo en la memoria de URL.
Límite: Ediciones de prod por error inevitables.
Tabla comparativa — 5 enfoques
ECI vs WP Environment Type, Query Monitor, plugins staging y Excel/Notion.
| Función | ECI Volade | WP Env Type | Query Monitor | Plugins staging | Excel / Notion |
|---|---|---|---|---|---|
| Barra de admin coloreada | ~ | ~ | |||
| Banner frontal opcional | |||||
| PROD / DEV / STAGING / LOCAL | ~ | ~ | ~ | ||
| 4 presets de entorno | ~ | ||||
| Override forzado + auto-detección | ~ | ~ | ~ | ||
| Exportación JSON gratis | ~ | ||||
| WP-CLI integrado | |||||
| Sin cuenta SaaS (núcleo) | ~ | ||||
| REST eci/v1 | |||||
| Coste anual típico | 0 € | 0 € | 0 € | Variable | Tiempo |
Las constantes nativas y Query Monitor siguen siendo útiles — ECI añade un badge de color visible y exportación en cada wp-admin.
Tres niveles, un plugin
Barra, banner, presets y exportación JSON gratis. Cuenta Volade para REST. V+ para rollup multisite.
Sin cuenta
- Barra de admin coloreada
- Banner opcional
- 4 presets
- Dashboard
- Exportación JSON
- Registro de auditoría
Cuenta Volade
- REST eci/v1
- Status/preset vía API
- Exportación programada
V+ Premium
- Rollup de presets multisite
- wp eci network
- Armonización de agencia
WP-CLI `wp eci` y REST `eci/v1` para status, preset, set y export entre staging y producción.
WP-CLI
status, preset, set y export por SSH — `wp eci preset staging-orange`.
wp eci status wp eci preset staging-orange wp eci set production wp eci export
Multisite
Colores y etiquetas por sitio; presets armonizados en V+.
- Badge por blog
- Exportación JSON consolidada
- Presets de red de agencia
Descarga
Instala el ZIP, abre Volade → Environment Color Badge, aplica staging-orange — verás la barra.
ZIP con SDK Volade — Volade → Environment Color Badge (o Herramientas → Environment Color Badge).
- 1Plugins → Añadir → Subir → ZIP → Activar
- 2Volade → Environment Color Badge
- 3Elegir preset → confirmar barra/banner → exportar JSON
Barra coloreada en menos de 60 segundos
FAQ
Tipo de env nativo vs ECI, Query Monitor, presets, multisite y cuenta Volade.
No — ECI lo lee (y puede hacer override). Hace el entorno visible con color.
Gratis vs V+ Premium
La extensión funciona sin cuenta. V+ desbloquea premium en esta extensión y en todo el catálogo.
| Característica | Gratis | V+ |
|---|---|---|
| Barre d'admin colorée PROD / DEV / STAGING / LOCAL | ||
| Bandeau front optionnel (connectés) | ||
| 4 presets local-dev / staging-orange / prod-red-subtle / agency-multisite | ||
| Dashboard, journal & export JSON gratuit | ||
| API REST eci/v1/* programmatique (connected) | ||
| Rollup reseau, exports planifies & multisite |
Reseñas, debates y novedades
Comparte tu experiencia con Environment Color Badge by Volade y sigue las últimas versiones.
¿Listo para colorear tus entornos?
Descarga Environment Color Badge by Volade v1.0.0 — barra coloreada en un clic, sin registro.
Descargar v1.0.0