Episode Description
Escúchalo en:
En el episodio 516 de WordPress Semanal te enseño a usar una herramienta que ya tienes instalada en tu ordenador para detectar problemas con plugins y temas antes de que te exploten en la cara.
La consola del navegador.
Esa ventana que parece solo para programadores pero que cualquier usuario de WordPress puede aprovechar.
No necesitas saber código. Solo necesitas saber dónde mirar y qué significan los mensajes que WordPress deja ahí para los desarrolladores. Y resulta que están escritos en un lenguaje bastante comprensible.
Cómo solucionar y prevenir problemas usando la consola del navegador- 1. Qué es la consola y cómo abrirla
- 2. Qué tipos de mensajes puedes encontrar
- 3. Cómo anticiparte a problemas antes de que ocurran
- 4. Qué hacer cuando detectas un problema
- 5. Lo que puedes hacer hoy mismo
- Plugin de la semana
- Contenidos recomendados
La consola es una pestaña dentro de las herramientas de desarrollo que todos los navegadores traen de serie.
- Chrome, Firefox, Edge, Safari… todos la incluyen.
- Para abrirla: pulsa F12 en tu teclado (o clic derecho → Inspeccionar → pestaña Consola).
- Lo que ves ahí son mensajes que el código de tu web genera mientras funciona.
- Muchos incluyen el nombre del plugin o tema que los provoca y una descripción del problema.
- No necesitas entender el código. Solo leer el texto del mensaje.
Hay tres tipos principales que te interesan:
- Errores (en rojo): algo ha fallado. Un plugin que intenta hacer algo y no puede, un script que no carga. Son los más urgentes.
- Advertencias o warnings (en amarillo): algo funciona pero no por mucho tiempo. Es el equivalente a la luz del aceite en el coche: no te has quedado tirado, pero lo harás si no actúas.
- Avisos de deprecated (en amarillo o gris): los más interesantes para anticiparte. WordPress los genera cuando un plugin o tema usa funciones que van a desaparecer en futuras versiones. El mensaje suele decir algo como: «La función X está obsoleta desde la versión Y. Usa Z en su lugar.» Y muchas veces incluye el nombre del archivo del plugin o tema que lo provoca.
Los avisos de deprecated son tu mejor aliado para ir por delante.
- Cada vez que WordPress lanza una versión grande, cambia o elimina funciones internas.
- Si un plugin o tema sigue usando funciones antiguas, WordPress avisa en la consola.
- Ese aviso hoy es solo una advertencia. Mañana puede ser un error que rompa tu web.
- Por ejemplo, con la llegada de WordPress 7.0, el editor de entradas pasa a funcionar siempre dentro de un iframe. Plugins que interactúan con el editor y no se hayan adaptado pueden dar problemas.
- También suben los requisitos mínimos de PHP y MySQL en cada versión mayor. Si tu hosting no los cumple, no podrás actualizar.
- Si ves varios deprecated de un mismo plugin, es señal de que ese plugin necesita una actualización.
Lo primero: no entres en pánico. Un aviso de deprecated no significa que tu web se haya roto.
- Si ves un error rojo de un plugin concreto: comprueba si hay actualización disponible. Si ya estás en la última versión y persiste, escribe al desarrollador. Incluye una captura de la consola: le ahorrarás tiempo y te responderá más rápido.
- Si ves avisos de deprecated: contacta al desarrollador y pregúntale si están trabajando en la compatibilidad con la próxima versión de WordPress. Les das una señal de que sus usuarios están atentos.
- Si un plugin lleva meses sin actualizarse y la consola muestra varios warnings: es momento de plantearse alternativas.
- Si el aviso viene del tema: aplica la misma lógica. Comprueba actualización, contacta al autor o valora el cambio.
Abre tu web de WordPress en el navegador, abre el inspector, ve a la pestaña Consola y mira qué aparece.
- Revisa tanto el frontend (lo que ven tus visitantes) como el backend (el escritorio de WordPress). Los avisos pueden ser diferentes en cada uno.
- Si ves mensajes en rojo, anótalos.
- Si ves deprecated, identifica qué plugin o tema los provoca.
- Si quieres aprender a hacer esto paso a paso con ejemplos reales, tengo un vídeo donde te guío por todo el proceso.
El plugin de la semana es Fatal Error Notify. Te envía un email cada vez que se produce un error fatal en tu web. A diferencia de los servicios de monitorización que solo te avisan si la web está completamente caída, este plugin detecta errores en cualquier página o proceso. Muy útil para enterarte de problemas que introducen las actualizaciones automáticas de plugins antes de que tus visitantes te lo reporten.
Contenidos recomendados- Vídeo de la Zona Código: Añadir campo «¿Cómo nos conociste?» en el checkout de Woo
- Taller gratuito: cómo descubrir plugins lentos
- Curso de Chrome DevTools
- Plugins abandonados WordPress: cómo detectar y gestionar el riesgo
- Newsletter de WordPress Semanal
La entrada 516 | Cómo detectar problemas con plugins y temas (modo pro) es una artículo de Gonzalo Navarro.