Actualizar el padre sin revisar el hijo rompe el diseño

Actualizar el tema padre sin comprobar el hijo puede romper estilos, menús, cabeceras, fichas de producto o plantillas personalizadas. Los Errores al actualizar tema padre/hijo que rompen diseño suelen estar relacionados con CSS que no carga, plantillas sobrescritas obsoletas, caché persistente o incompatibilidades con plugins y PHP.

Recupera el diseño sin perder cambios

Contén el fallo y conserva una copia del estado actual antes de aplicar arreglos o restauraciones.

Protege la web antes de restaurar

Guarda primero una copia nueva, aunque tengas un backup reciente. Verifica que incluye la base de datos y la carpeta wp-content, y revisa qué pedidos, clientes, formularios o cambios de stock quedarían fuera si restauras una copia anterior. Recuperar la web completa sin este control puede solucionar un error visual, pero causar pérdida de ventas o datos recientes.

Reproduce el problema fuera de producción

Crea un entorno de staging y prueba allí el cambio sospechoso. Actualiza o revierte un solo componente cada vez: si el fallo apareció tras actualizar el tema padre, prueba primero su versión anterior sin cambiar WordPress, PHP ni plugins. La restauración rápida en producción solo tiene sentido cuando la web no puede vender, captar contactos o mostrar contenido esencial.

Relaciona cada síntoma con su causa probable

Identifica el síntoma antes de modificar archivos, porque un mismo resultado visual puede tener causas distintas.

Usa la matriz antes de tocar archivos

Descarta cachés y recursos antiguos

Vacía todas las capas de caché: navegador, plugin, hosting, CDN y minificación. Después, regenera el CSS desde Elementor, Divi u otro constructor visual y comprueba el resultado en incógnito y desde otro dispositivo. Si la web sigue mostrando contenido antiguo, espera la propagación de la caché del servidor o CDN antes de editar código.

Revisa CSS y PHP con cambios reversibles

Comprueba recursos y errores sin editar directamente el tema padre.

Corrige el orden de los estilos

El CSS del hijo debe cargarse mediante wp_enqueue_style y respetar la dependencia del estilo padre. Revisa functions.php del hijo y confirma el identificador real usado por el tema padre; no copies fragmentos genéricos sin adaptarlos. Evita @import en style.css, ya que la minificación, la caché o la carga en móviles pueden alterar el orden de los estilos.

Consulta logs sin mostrar fallos públicos

Activa WP_DEBUG y WP_DEBUG_LOG solo en staging o configura el registro de errores desde el hosting. Consulta wp-content/debug.log para localizar el archivo, la función y la línea del error, especialmente tras cambios de PHP. No actives WP_DEBUG_DISPLAY en producción: los visitantes no deben ver rutas, avisos ni detalles técnicos.

Actualiza overrides sin copiar plantillas viejas

Compara las plantillas sobrescritas del hijo con los archivos actuales del padre.

Revisa cambios de hooks y HTML

Parte siempre de la plantilla nueva y vuelve a añadir únicamente la personalización necesaria. Consulta el changelog del tema padre y busca cambios en plantillas, hooks, cabecera, WooCommerce, funciones obsoletas o compatibilidad con PHP. Una copia antigua de header.php, footer.php, single.php o un archivo de template-parts puede impedir que se ejecuten hooks nuevos, romper el menú móvil o eliminar elementos de la estructura.

Comprueba WooCommerce y temas de bloques

Revisa WooCommerce > Estado para detectar plantillas desactualizadas dentro de la carpeta /woocommerce/ del tema hijo. Si usas un tema de bloques, comprueba también theme.json, las plantillas HTML y el editor del sitio: parte del diseño puede estar guardada en la base de datos, por lo que sustituir archivos del hijo no siempre recupera el aspecto anterior.

Dudas habituales

Resuelve estas preguntas antes de publicar otra actualización.

¿Actualizo primero el tema hijo o el padre?

Actualiza primero el tema padre en staging y revisa después el hijo. El hijo depende de la estructura del padre, por lo que debes confirmar su compatibilidad antes de publicar ambos cambios.

¿Por qué mi web se ve sin CSS tras actualizar?

Suele deberse a caché, minificación o carga incorrecta de estilos. Purga navegador, plugin, hosting y CDN, y confirma en F12 que los CSS no devuelven errores 404 o 500.

¿Puedo usar @import en el style.css del hijo?

Puede funcionar, pero no es recomendable. wp_enqueue_style controla mejor el orden entre padre e hijo y reduce fallos relacionados con la minificación de CSS.

¿Qué hago si desaparece la cabecera?

Compara header.php y las partes de plantilla del hijo con el padre actualizado. Si hay una copia antigua, retírala primero en staging y prueba el menú en móvil y escritorio.

¿Cómo sé si WooCommerce causa el problema?

Mira WooCommerce > Estado y busca plantillas desactualizadas. Si el problema afecta a producto, carrito o pago, revisa primero la carpeta woocommerce del hijo.

¿Vale la pena actualizar sin copia de seguridad?

No. Guarda archivos y base de datos, verifica que puedes restaurarlos y considera los datos recientes antes de hacer un rollback.

¿Puede PHP romper el diseño del tema?

Sí. Una función antigua puede ser incompatible con la versión actual de PHP y causar una página blanca o un error 500; revisa debug.log antes de tocar CSS.

Mantén el diseño estable en cada actualización

Actualiza un componente cada vez y verifica las páginas críticas antes de continuar. Revisa inicio, contacto, páginas internas, formularios, buscador y proceso de compra; en WooCommerce, prueba variaciones, carrito y pago. Mantén el child theme pequeño, documenta CSS, funciones y plantillas personalizadas, y conserva backups verificables junto con un registro de versiones.

Haz una comprobación final responsive

Comprueba la web entre 320 y 768 píxeles de ancho y después en escritorio. Revisa menú, botones, imágenes, columnas y avisos de cookies, porque los estilos heredados suelen fallar antes en pantallas pequeñas.

Documenta el arreglo aplicado

Anota el archivo cambiado, la versión que causó el fallo y la prueba que lo resolvió. Este registro permite repetir el arreglo en futuras actualizaciones sin depender de la memoria ni modificar archivos equivocados.

Josu Barrios

Somos especialistas en mantenimiento WordPress para empresas, profesionales y tiendas online. Contamos con experiencia en seguridad web, optimización de rendimiento, actualizaciones, copias de seguridad y resolución de incidencias técnicas, ayudando a que cada sitio funcione de forma rápida, estable y protegida. Nuestro enfoque combina soporte técnico profesional, buenas prácticas de seguridad y seguimiento continuo para ofrecer un servicio fiable, transparente y orientado a resultados reales.