El CSS generado parece desactualizado
Usa esta guía cuando los colores, el espaciado, la tipografía o los estilos de componentes guardados se vean correctamente en el editor, pero el sitio público siga mostrando un diseño más antiguo.
Determina el alcance
Abre la URL afectada en una ventana privada y compárala con otra página:
- Una página está desactualizada: céntrate en el estado de guardado de esa página y en sus estilos específicos.
- Un bloque reutilizable está desactualizado dondequiera que aparezca: actualiza el bloque de origen.
- Muchas páginas comparten el estilo antiguo: céntrate en los recursos generados por el tema y en las cachés de todo el sitio.
- Solo un ancho de dispositivo es incorrecto: inspecciona los ajustes de responsive antes de regenerar nada.
Actualiza la salida específica de una página
- Edita la página afectada y verifica el valor de diseño previsto.
- Confirma que el cambio pertenece a esta página y no a un estilo global o bloque reutilizable.
- Haz clic en Update aunque la vista previa del builder ya se vea correcta.
- Vuelve a cargar la URL pública con la caché de páginas omitida o purgada.
Guardar la página es la forma admitida de actualizar sus estilos específicos. No modifiques archivos en la ubicación de recursos generados.
Un Save Draft o Update correcto debería actualizar tanto el espaciado de Page Builder como el CSS personalizado de la página. Si la URL pública sigue mostrando un resultado más antiguo después de ese único guardado, continúa con las comprobaciones de caché y alcance en lugar de guardar la página repetidamente.
Actualiza los recursos generados de todo el sitio
Si el estilo desactualizado afecta a varias páginas:
- Confirma el ajuste global en Settings → POM Theme y guárdalo.
- Ve a Settings → POM Theme → Tools → Compile assets.
- Selecciona Compile CSS y espera a que la barra de progreso informe de la finalización. Usa Compile CSS and JavaScript en su lugar cuando la salida desactualizada haya aparecido tras un despliegue o migración que afectó a ambas familias de recursos.
- Purga la caché de páginas de WordPress y cualquier caché de CDN o proxy inverso.
- Vuelve a cargar una página pública representativa en una ventana privada.
La regeneración debe seguir a las comprobaciones de configuración. Reproduce los ajustes guardados; no repara un color, selector, plantilla o valor responsive incorrectos.
Descarta diferencias de navegador y de marcado
Compara la misma URL, estado del visitante, idioma y área de visualización. Una plantilla o regla de permisos puede servir un marcado diferente, haciendo que un CSS correcto parezca ineficaz. Comprueba también si un ajuste de página o componente más específico anula el valor global.
Resultado esperado
Los estilos guardados actuales se cargan en la URL afectada después de que su contenido propietario y los recursos generados se hayan actualizado, sin ediciones manuales de los archivos generados.
Si el diseño antiguo vuelve a aparecer
Probablemente una capa de caché esté restaurando un HTML más antiguo o una URL de recurso más antigua. Purga cada caché activa una vez, desde la página hacia afuera hasta el CDN, y registra qué purga cambia la respuesta. Evita la regeneración repetida mientras la salida subyacente siga en caché.