{"id":10214,"date":"2020-04-17T10:44:54","date_gmt":"2020-04-17T08:44:54","guid":{"rendered":"https:\/\/blog.hostinger.io\/es-tutoriales\/?p=10214"},"modified":"2023-05-24T09:43:49","modified_gmt":"2023-05-24T07:43:49","slug":"wordpress-debug","status":"publish","type":"post","link":"\/es\/tutoriales\/wordpress-debug","title":{"rendered":"WordPress Debug: gu\u00eda completa para principiantes"},"content":{"rendered":"<p>Probablemente no existe el c&oacute;digo perfecto y es la pesadilla de todo webmaster cuando se producen fallos en sus sitios o plugins. As&iacute; que hoy vamos a mostrarte consejos sobre c&oacute;mo utilizar WordPress Debug y otros m&eacute;todos para depurar WordPress, que te ayudar&aacute;n a resolver aquello que puede salirse de tu control.<\/p><p class=\"has-text-align-center\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-ES.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Descarga la hoja de trucos de WordPress definitiva<\/a><\/p><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-que-significa-debugging-o-debug\">&iquest;Qu&eacute; significa &laquo;debugging&raquo; o &laquo;debug&raquo;?<\/h2><p>Debugging, en espa&ntilde;ol es depuraci&oacute;n, y significa identificar y eliminar errores o problemas en tu c&oacute;digo. El &uacute;ltimo paso de hacer debugging es probar la correcci&oacute;n del c&oacute;digo y asegurarte de que el problema no vuelva a ocurrir.<\/p><p>Esto es realizado principalmente por desarrolladores que usan herramientas de depuraci&oacute;n, y es parte de una rutina en la etapa de desarrollo de software.<\/p><p>El proceso de depuraci&oacute;n se puede hacer usando estrategias como prueba unitaria, revisi&oacute;n de c&oacute;digo y programaci&oacute;n de pares.<\/p><p>Entonces, antes de que el c&oacute;digo o el software se publique a los usuarios, los desarrolladores intentar&aacute;n encontrar cualquier problema, luego lo aislar&aacute;n y lo solucionar&aacute;n.<\/p><p>A veces, arreglar el c&oacute;digo puede ser un verdadero dolor de cabeza, ya que puede llevar m&aacute;s tiempo que escribir el c&oacute;digo en s&iacute;.<\/p><h2 class=\"wp-block-heading\" id=\"h-usos-practicos-de-wp-debug\">Usos pr&aacute;cticos de WP DEBUG<\/h2><p>Habiendo explicado la idea general de qu&eacute; es WordPress Debug, ahora vamos a cubrir el uso pr&aacute;ctico.<\/p><h3 class=\"wp-block-heading\">WP_DEBUG<\/h3><p>WP_DEBUG se encuentra en el archivo <strong>wp-config.php<\/strong> y por defecto tiene el valor establecido en &laquo;<strong>falso<\/strong>&laquo;. Si deseas habilitarlo, debes cambiarlo a &laquo;<strong>verdadero<\/strong>&laquo;. Para hacerlo, necesitar&aacute;s un cliente FTP, como <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener\">FileZilla<\/a> o un administrador de archivos para acceder al archivo.<\/p><p>En nuestro ejemplo, utilizaremos el Administrador de archivos de <a href=\"\/es\/\">Hostinger<\/a>.<\/p><p>1. Busca el archivo <strong>wp-config.php<\/strong> en la carpeta ra&iacute;z de tu sitio web. En nuestro ejemplo, est&aacute; en <strong>domain.tld\/public_html\/wp-config.php<\/strong>. <\/p><ol class=\"wp-block-list\"><\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpconfig-selected-es.png\/public\" alt=\"Gestor de archivos Hostinger. El archivo wp-config.php est&aacute; seleccionado\" class=\"wp-image-32249\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpconfig-selected-es.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpconfig-selected-es.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpconfig-selected-es.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpconfig-selected-es.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>2. &Aacute;brelo y busca define (&lsquo;WP_DEBUG&rsquo;, falso) <\/p><p>3. Una vez localizado, cambia <strong>false<\/strong> por <strong>true<\/strong>. Luego, guarda el archivo.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-wpdebug-true-es.png\/public\" alt=\"El archivo wp-config.php. Se a&ntilde;ade c&oacute;digo para depurar WP\" class=\"wp-image-32251\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-wpdebug-true-es.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-wpdebug-true-es.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-wpdebug-true-es.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-wpdebug-true-es.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Si no encuentras este c&oacute;digo en tu archivo <strong>wp-config.php<\/strong>, puedes agregarlo encima de la l&iacute;nea &laquo;<strong>\/* That&rsquo;s all, stop editing! Happy blogging. *\/<\/strong>&laquo;.<\/p><p>Ten en cuenta que la depuraci&oacute;n no debe habilitarse en un sitio web que est&aacute; online porque este modo est&aacute; dise&ntilde;ado solo para fines de desarrollo.<\/p><h3 class=\"wp-block-heading\">WP_DEBUG_LOG<\/h3><p>Al habilitar WP_DEBUG_LOG, los usuarios pueden guardar todos los errores en un archivo<strong> debug.log<\/strong>. Esta funci&oacute;n trabaja de la mano con WP_DEBUG y puede ayudar a reproducir problemas para su resoluci&oacute;n.<\/p><p>Para habilitarlo, abre el archivo<strong> wp-config.php<\/strong> e ingresa la siguiente l&iacute;nea debajo de <strong>define (&lsquo;WP_DEBUG&rsquo;, true)<\/strong>;<\/p><pre class=\"wp-block-preformatted\">define ('WP_DEBUG_LOG', true);<\/pre><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"677\" height=\"149\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/enabling-wp-debug-log.jpg\/public\" alt=\"C&oacute;mo habilitar WP_DEBUG_LOG\" class=\"wp-image-10218\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/enabling-wp-debug-log.jpg\/w=677,fit=scale-down 677w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/enabling-wp-debug-log.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/enabling-wp-debug-log.jpg\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/figure><\/div><p>Despu&eacute;s de activar la funci&oacute;n, el archivo <strong>debug.log<\/strong> se guardar&aacute; autom&aacute;ticamente en la carpeta <strong>\/wp-content\/<\/strong> de tu sitio web. Puedes ver directamente el archivo en tu navegador.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpcontent-debuglog-selected.png\/public\" alt=\"Gestor de archivos Hostinger. Se selecciona el archivo debug.log\" class=\"wp-image-32252\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpcontent-debuglog-selected.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpcontent-debuglog-selected.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpcontent-debuglog-selected.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/filemanager-wpcontent-debuglog-selected.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\">WP_DEBUG_DISPLAY<\/h3><p>Debes deshabilitar WP_DEBUG_DISPLAY para que los mensajes de error no se muestren en tu sitio web.<\/p><p>De forma predeterminada, cada vez que hay un error, se generar&aacute; y se mostrar&aacute; dentro de tu c&oacute;digo HTML. Y a diferencia de WP_DEBUG, el valor original es &laquo;<strong>true<\/strong>&raquo; y debes cambiarlo a &laquo;<strong>false<\/strong>&raquo; para ocultar todos los errores.<\/p><p>O si no est&aacute; disponible, debes insertar esta l&iacute;nea en el archivo <strong>wp-config.php,<\/strong> justo debajo de <strong>define (&laquo;WP_DEBUG&raquo;, true)<\/strong>;.<\/p><pre class=\"wp-block-preformatted\">define ('WP_DEBUG_DISPLAY', false);<\/pre><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"734\" height=\"128\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/hiding-all-errors-in-wp-debug-display.jpg\/public\" alt=\"C&oacute;mo ocultar todos los errores deshabilitando WP_DEBUG_DISPLAY\" class=\"wp-image-10220\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/hiding-all-errors-in-wp-debug-display.jpg\/w=734,fit=scale-down 734w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/hiding-all-errors-in-wp-debug-display.jpg\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/hiding-all-errors-in-wp-debug-display.jpg\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 734px) 100vw, 734px\" \/><\/figure><\/div><p>Todas estas caracter&iacute;sticas: WP_DEBUG, WP_DEBUG_LOG y WP_DEBUG_DISPLAY se pueden usar al mismo tiempo para habilitar la depuraci&oacute;n, guardar un archivo de registro y ocultar todos los errores.<\/p><h2 class=\"wp-block-heading\" id=\"h-7-consejos-para-depurar-problemas-en-wordpress\">7 consejos para depurar problemas en WordPress<\/h2><p>Cuando tu sitio de WordPress se bloquea o tiene la pantalla blanca de la muerte (WSoD), la acci&oacute;n com&uacute;n es desactivar los complementos o <a href=\"\/es\/tutoriales\/mejores-plantillas-wordpress\">temas<\/a> y verificar las actualizaciones.<\/p><p>Si bien eso es &uacute;til para buscar al culpable, puede llevar mucho tiempo, ser ineficiente y tambi&eacute;n puede dejar que el problema real pase desapercibido. Es por eso que tener las herramientas adecuadas puede ser un verdadero cambio en el juego.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-activa-wp-debug\">1. Activa WP_DEBUG<\/h3><p>La activaci&oacute;n de <strong>WP-DEBUG<\/strong> es probablemente la forma m&aacute;s sencilla de registrar problemas en un sitio de WordPress. Pero desafortunadamente, algunos desarrolladores no hacen esto, probablemente porque olvidan que esta caracter&iacute;stica existe.<\/p><p>Lo repetimos nuevamente, esta vez de una forma resumida, WP_DEBUG es una constante que activa el modo &laquo;debug&raquo; en WordPress, y puedes encontrarla en el archivo <strong>wp-config.php<\/strong>. Esta constante puede registrar todas las actividades en tu sitio y ayudarte a solucionar cualquier problema.<\/p><p>Hemos cubierto instrucciones m&aacute;s detalladas sobre WP_DEBUG m&aacute;s arriba.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-habilita-el-informe-de-errores-de-wpdp\">2. Habilita el Informe de errores de WPDP<\/h3><p>Para detectar cualquier problema relacionado con la base de datos, puedes habilitar el informe de errores WPDP.<\/p><p>El objeto global <strong>$wpdb<\/strong> tiene una variable llamada <strong>$show_errors<\/strong>. Y si la configuras como verdadero (<strong>true<\/strong>), puedes hacer que WordPress muestre los errores de SQL en la pantalla para cualquier consulta.<\/p><p>Para habilitar esto, ve a<strong> \/public_html\/wp-includes\/class-wpdb.php<\/strong> y abre el archivo. Busca <strong>wpdb class<\/strong> y cambia la variable <strong>$show_errors<\/strong> a <strong>true<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/classwpdb-es.png\/public\" alt=\"El contenido del archivo class-wpdb.php\" class=\"wp-image-32253\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/classwpdb-es.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/classwpdb-es.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/classwpdb-es.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/classwpdb-es.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-3-verifica-los-registros-de-errores-de-tu-sitio-web\">3. Verifica los registros de errores de tu sitio web<\/h3><p>A veces, puedes encontrar la p&aacute;gina de errores del servidor de intervalos cuando navegas por tu sitio. Y para solucionar este problema, puedes revisar los registros de errores de tu sitio web.<\/p><p>Hacer un chequeo general del registro puede ayudar a los desarrolladores principiantes y avanzados a detectar el problema del sitio web.<\/p><p>Luego puedes usar la b&uacute;squeda de Google para buscar una posible soluci&oacute;n.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-usa-el-entorno-de-pruebas-de-wordpress-cuando-modifiques-tu-codigo\">4. Usa el entorno de pruebas de WordPress cuando modifiques tu c&oacute;digo<\/h3><p>Si deseas minimizar los errores en tu sitio de WordPress, puedes hacerlo implementando primero el c&oacute;digo en un <a href=\"\/es\/tutoriales\/entorno-staging-wordpress\/\">sitio staging<\/a>.<\/p><p>Un sitio staging es casi un clon exacto de tu sitio web en vivo y se puede alojar en tu subdominio privado. Este sitio act&uacute;a como un terreno de desarrollo para cualquier c&oacute;digo que desees implementar en tu sitio en vivo.<\/p><p>Este entorno no es visible para visitantes ni motores de b&uacute;squeda. Para que puedas tener m&aacute;s libertad de ajustar y probar los cambios que deseas implementar, sin afectar tu sitio p&uacute;blico en vivo.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-habilita-script-debug\">5. Habilita SCRIPT_DEBUG<\/h3><p>De forma predeterminada, WordPress utiliza la versi&oacute;n reducida de los archivos <a href=\"\/es\/tutoriales\/que-es-css\/\">CSS<\/a> y JavaScript para ayudar a mejorar el tiempo de carga de tu sitio. Sin embargo, esto puede ser un problema porque puedes ocultar errores en los scripts\/plugins que utilizas.<\/p><p>Para cambiar la ejecuci&oacute;n del script, WordPress tambi&eacute;n proporciona una constante que podemos agregar al archivo<strong> wp-config.php<\/strong>, es decir:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">define( 'SCRIPT_DEBUG', true );<\/pre><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-scriptdebug-es.png\/public\" alt=\"El contenido del archivo wp-config.php. Se a&ntilde;ade el c&oacute;digo de depuraci&oacute;n de secuencias de comandos\" class=\"wp-image-32254\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-scriptdebug-es.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-scriptdebug-es.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-scriptdebug-es.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/wpconfig-scriptdebug-es.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Cuando el valor est&eacute; definido como verdadero, WordPress cargar&aacute; autom&aacute;ticamente las versiones no minimizadas de todos los archivos CSS y JavaScript, haciendo que todos los complementos utilicen su versi&oacute;n completa.<\/p><h3 class=\"wp-block-heading\" id=\"h-6-detecta-errores-de-php\">6. Detecta errores de PHP<\/h3><p>Puedes detectar los errores de <a href=\"\/es\/tutoriales\/que-es-php\/\">PHP<\/a> temprano en tus scripts usando<strong> phpinfo<\/strong>. Este archivo puede generar informaci&oacute;n sobre el estado actual de PHP, incluidas las opciones y extensiones de compilaci&oacute;n, el entorno, la versi&oacute;n del sistema operativo, los encabezados HTTP y la licencia.<\/p><p>Para hacerlo, puedes configurar el archivo <strong>php.ini<\/strong> para habilitar el informe de errores. Sin embargo, algunos servicios de alojamiento, incluido el plan de alojamiento compartido de <a href=\"\/es\/\">Hostinger<\/a>, deshabilitan esta opci&oacute;n.<\/p><p>Esto se debe a que no tienes acceso root para habilitar la funci&oacute;n.<\/p><p>Pero, en su lugar, puedes usar el <a href=\"https:\/\/phpcodechecker.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">verificador de c&oacute;digo PHP<\/a>, que te proporciona un asistente sencillo para revisar los errores en tu c&oacute;digo. Y para una revisi&oacute;n m&aacute;s exhaustiva, tambi&eacute;n puedes usar IDEs como <a href=\"https:\/\/www.eclipse.org\/pdt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Eclipse<\/a> o <a href=\"https:\/\/www.jetbrains.com\/phpstorm\/\" target=\"_blank\" rel=\"noreferrer noopener\">PHPStorm.<\/a><\/p><h3 class=\"wp-block-heading\" id=\"h-7-aprovecha-algunas-herramientas-de-depuracion\">7. Aprovecha algunas herramientas de depuraci&oacute;n<\/h3><p>Si necesitas simplicidad para monitorear errores en tu sitio de WordPress, tambi&eacute;n puedes aprovechar los plugins de depuraci&oacute;n de WordPress.<\/p><h4 class=\"wp-block-heading\" id=\"h-1-query-monitor\">1. <a href=\"https:\/\/es.wordpress.org\/plugins\/query-monitor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Query Monitor<\/a><\/h4><figure class=\"wp-block-image\"><img decoding=\"async\" width=\"768\" height=\"329\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/qurey-monitor-768x329-1.png\/public\" alt=\"Monitor de consultas para depurar WordPress\" class=\"wp-image-10654\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/qurey-monitor-768x329-1.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/qurey-monitor-768x329-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/qurey-monitor-768x329-1.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><p>Este plugin proporciona un panel de herramientas para desarrolladores en WordPress. Puedes habilitar consultas de bases de datos, errores PHP, llamadas API HTTP, enlaces y acciones, detener bloques del editor, scripts en cola y hojas de estilo, y m&aacute;s.<\/p><p>Alternativamente, tambi&eacute;n puedes usar <a href=\"https:\/\/es.wordpress.org\/plugins\/debug-bar\/\" target=\"_blank\" rel=\"noreferrer noopener\">Debug Bar<\/a> y <a href=\"https:\/\/es.wordpress.org\/plugins\/simply-show-hooks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Simply Show Hooks<\/a> para ayudarte a depurar tu sitio de WordPress. Sin embargo, estos dos plugins pueden tener problemas de compatibilidad con la versi&oacute;n m&aacute;s reciente de WordPress.<\/p><h4 class=\"wp-block-heading\" id=\"h-2-new-relic\">2. <a href=\"https:\/\/newrelic.com\/php\/wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">New Relic<\/a><\/h4><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"768\" height=\"238\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/new-relic-monitoring-768x238-1.png\/public\" alt=\"New Relic aplicacion de monitoreo para depurar WordPress\" class=\"wp-image-10655\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/new-relic-monitoring-768x238-1.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/new-relic-monitoring-768x238-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2020\/04\/new-relic-monitoring-768x238-1.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure><\/div><p>Tambi&eacute;n puedes realizar una depuraci&oacute;n m&aacute;s robusta utilizando una herramienta premium como New Relic. Esta aplicaci&oacute;n te ayudar&aacute; a monitorear la experiencia del usuario, mapear la arquitectura de WordPress, analizar y mejorar el rendimiento del sitio, y detectar anomal&iacute;as antes de que sucedan.<\/p><p>Todas esas caracter&iacute;sticas te ayudar&aacute;n a recopilar datos para la resoluci&oacute;n de problemas para que puedas proporcionar la mejor experiencia posible a los visitantes. Puedes probar New Relic por 14 d&iacute;as gratis.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/es\/hosting-wordpress\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Estos son todos los consejos que necesitas saber sobre depurar un sitio de WordPress. Como desarrollador, necesitas identificar y arreglar los problemas antes de publicar cualquier c&oacute;digo o plugin a los usuarios. Como webmaster, tambi&eacute;n puedes utilizar herramientas de depuraci&oacute;n para identificar las causas de los problemas de rendimiento en tu sitio web.<\/p><p>Para depurar tu sitio de WordPress, puedes hacer lo siguiente:<\/p><ul class=\"wp-block-list\">\n<li>Activar WP_DEBUG<\/li>\n\n\n\n<li>Habilitar el informe de errores de WPDP<\/li>\n\n\n\n<li>Verificar los registros de errores de tu sitio web<\/li>\n\n\n\n<li>Usar el entorno de ensayo de WordPress cuando modifiques tu c&oacute;digo<\/li>\n\n\n\n<li>Habilitar SCRIPT_DEBUG<\/li>\n\n\n\n<li>Detectar errores de PHP<\/li>\n\n\n\n<li>Utilizar herramientas de depuraci&oacute;n como Query Monitor o New Relic<\/li>\n<\/ul><p>Si tienes alguna pregunta, cont&aacute;ctanos en la secci&oacute;n dBuena suerte con la depuraci&oacute;n de tu sitio de WordPress. Esperamos que puedas reducir los problemas para garantizar una experiencia fluida a los visitantes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Probablemente no existe el c&oacute;digo perfecto y es la pesadilla de todo webmaster cuando se producen fallos en sus sitios o plugins. As&iacute; que hoy vamos a mostrarte consejos sobre c&oacute;mo utilizar WordPress Debug y otros m&eacute;todos para depurar WordPress, que te ayudar&aacute;n a resolver aquello que puede salirse de tu control. &iquest;Qu&eacute; significa &laquo;debugging&raquo; [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/es\/tutoriales\/wordpress-debug\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":138,"featured_media":15998,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"WordPress Debug: 7 consejos pr\u00e1cticos para tu sitio web","rank_math_description":"Los errores en tu sitio pueden ser una pesadilla. Aqu\u00ed, te mostramos consejos sobre c\u00f3mo depurar WordPress antes de que ocurran.","rank_math_focus_keyword":"WordPress Debug","footnotes":""},"categories":[4747],"tags":[12710],"class_list":["post-10214","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-wordpress-debug"],"hreflangs":[{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/wordpress-debug","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wordpress-debug","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wordpress-debug","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/wordpress-debug","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/10214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/comments?post=10214"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/10214\/revisions"}],"predecessor-version":[{"id":32255,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/10214\/revisions\/32255"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media\/15998"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media?parent=10214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/categories?post=10214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/tags?post=10214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}