Cómo agregar un encabezado y código de sótano a WordPress

Personalizar su sitio de WordPress usando el código puede dar miedo. A menudo, deberá investigar los archivos básicos para cambiar las configuraciones o agregar nuevos parámetros, lo que puede destruir su sitio si lo hace mal. Sin embargo, agregar el encabezado y el código del sótano tienden a ser mucho más simples. A menudo, solo tendrá que copiar y pegar ciertos fragmentos de código. Esto significa que si sabe cómo acceder al encabezado y a los archivos del sótano, ha pasado el lado más aterrador. En este artículo, le enseñaremos cómo agregar el encabezado y el código del sótano a WordPress tanto manualmente como con un complemento. Ambos enfoques son muy simples, ¡así que vamos directamente a él!
Por qué es posible que deba agregar el código de encabezado y el sótano a WordPress si está ejecutando un sitio web, probablemente esté familiarizado con al menos un servicio de terceros que requiere incorporar código para conectarse a él. Algunos de los ejemplos más populares incluyen Google Analytics, Search Console, Facebook Pixel y muchas otras herramientas que involucran el seguimiento del sitio web. Todos estos servicios necesitan agregar scripts específicos entre las etiquetas de la cabeza de su sitio. El encabezado de su sitio es un componente crucial, incluidos elementos como scripts, títulos, archivos de estilo y más.

Las etiquetas del sótano funcionan de manera similar a sus contrapartes. Desde un punto de vista técnico, si agrega fragmentos de código al sótano de su sitio, deben ejecutar lo mismo que los incluye en el encabezado. Sin embargo, es importante comprender que su sitio web ejecutará scripts en el orden en que los incluya. Además, el código de encabezado se ejecutará antes de que se cargue la página, mientras que el código del sótano se ejecutará después. Si tiene la opción de elegir y preocuparse por optimizar el sitio, trasladar a JavaScript al sótano de su sitio. Puede ayudar a acelerar los tiempos de carga. Sin embargo, algunos servicios le pedirán explícitamente que agregue su código al encabezado para evitar cualquier problema de ejecución. Como regla general, si un servicio le requiere, le recomendamos que siga su consejo. Para otros fragmentos de código JavaScript, colóquelos en el sótano de su sitio de WordPress. El código CSS siempre ingresa al encabezado. Cómo agregar un encabezado y código de sótano a WordPress (2 métodos) Como suele ser el caso con WordPress, puede alcanzar el mismo objetivo cambiando los archivos o usando un complemento. Comencemos por hablar sobre el enfoque del complemento. 1. Use un complemento como la cabeza, el pie de página y las inyecciones posteriores a un complemento para agregar código al encabezado de WordPress y el sótano es el enfoque más seguro. Con un complemento, no debe cambiar manualmente los archivos de temas ni asegurarse de agregar scripts al lugar correcto.
Aunque hay muchos buenos complementos para elegir, nuestra recomendación para el trabajo es la cabeza, el pie de página y las inyecciones posteriores.
Este complemento le brinda mucho control sobre el lugar donde desea agregar los fragmentos de código. También ofrece la opción de agregar diferentes scripts para la representación móvil y de escritorio de su sitio para agregar el complemento, acceder a los complementos> Agregar nuevo al tablero y usar la función de búsqueda para encontrar el complemento. Haga clic en la instalación, luego active el complemento. Una vez que el complemento está activo, puede saltar directamente al encabezado y el sótano Configuración. Verá más campos donde puede agregar fragmentos de código. Si investiga las opciones de complementos, verá que ofrece mucha ubicación adicional para sus fragmentos de código. Sin embargo, en la mayoría de los casos, puede permanecer en la cabeza y la pestaña del sótano. Para el código global, asegúrese de colocar esos fragmentos en el campo en cada página. Sin embargo, si solo necesita que el código se ejecute en su página de inicio, use la opción solo en la página de inicio. Una vez que haya terminado de agregar el código a su sitio web, guarde los cambios en el complemento y esté listo. 2. Agregue los fragmentos de código a través del manual de archivos Functions.php Agregar el encabezado y el código del sótano en WordPress no es complicado, pero requiere más consideraciones que el enfoque del complemento.

Puede agregar el código directo a los archivos Header.php o Footer.php del tema activo. Puede encontrar estos archivos en el director/public_html/wp-content/themes/abriendo la carpeta del tema activo y mirando dentro:


Puede acceder a estos archivos a través del Protocolo de transferencia de archivos (FTP) y editarlos utilizando su editor de código favorito. Sin embargo, la edición directa de los archivos de encabezado y sótano puede ser desordenada. Dado esto, tenemos dos recomendaciones si tiene la intención de utilizar el enfoque manual: crear un tema infantil para su tema.
Use ganchos para agregar el código a través de las funciones del archivo.php. Esto proporciona un enfoque más limpio para la edición manual de los archivos de encabezado y sótano.

Idealmente, siempre debe usar un tema infantil si tiene la intención de hacer algún tipo de personalización. Puede acceder al archivo Functions.php del tema del niño en su carpeta en el Director /WP-Content /Temas.
Abra el archivo Functions.php en el editor de códigos. Para agregar el código deseado, debe usar wp_head o wp_footer gancho. El siguiente fragmento de código agrega el código personalizado al encabezado de su sitio: add_action (‘wp_head’, ‘test_cript’); Function test_cript () {?> <? Php} Puede usar el gancho wp_footer en lugar de wp_head si desea colocar el código en el sótano. También puede cambiar el nombre de la función (test_script) si lo desea. Cuando haya terminado de ajustar el archivo Functions.php, recuerde guardar los cambios y eso es todo. ¡Cualquier código que haya agregado debería funcionar ahora!