Cómo agregar código después de la etiqueta del cuerpo en WordPress
En el sitio web, normalmente necesitamos insertar un código después de la etiqueta del cuerpo. Normalmente, este es un código JavaScript invisible dentro de una etiqueta de secuencia de comandos. Los servicios externos como Google Analytics, Google Tag Manager, Google Adsense, Facebook, etc. le brindan un script que debe agregarse antes del cierre de la etiqueta principal y después de la apertura inmediata del elemento del cuerpo.
WordPress proporciona una wp_head()función que se utiliza para inyectar código antes de cerrar la etiqueta principal. Otra función proporcionada por WordPress es la wp_footer()que se usa para agregar código antes del cierre del elemento del cuerpo (no después de que el cuerpo se abra). Hasta ahora, los desarrolladores de WordPress usan wp_footer() para inyectar código en la etiqueta del cuerpo o agregar código de forma estática después de la apertura del elemento del cuerpo. Pero no se recomiendan estas dos opciones.
Agregar código de forma estática tiene sentido según las recomendaciones de servicios externos. Pero esta técnica nos impediría actualizar un tema.
Afortunadamente, WordPress 5.2 introduce una nueva función llamada wp_body_open(). Esta función desencadena una wp_body_openacción y es útil para colocar código después de la apertura del elemento del cuerpo. Dicho esto, veamos cómo inyectar código inmediatamente después de abrir una etiqueta de cuerpo en WordPress.
Agregar código después de la etiqueta del cuerpo en WordPress
Si está utilizando la última versión de WordPress, debe agregar el wp_body_open()método junto a la etiqueta de su cuerpo como se muestra a continuación.
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>Después de esto, puede usar la acción wp_body_openpara agregar su código en el lugar de wp_body_open(). En otras palabras, puede inyectar su código inmediatamente después de abrir la etiqueta del cuerpo. Puede utilizar esta acción de la siguiente manera:
add_action('wp_body_open', 'add_code_on_body_open');
function add_code_on_body_open() {
echo '<script>Your code here</script>';
}¡Eso es! Es así de simple. Este código funciona bien con la versión de WordPress> = 5.2. Si está utilizando una versión anterior de WordPress, puede definir el wp_body_openmétodo de la siguiente manera.
if (! function_exists( 'wp_body_open')) {
function wp_body_open() {
do_action( 'wp_body_open' );
}
}Ahora, agregue el método wp_body_open()después del elemento body y use la misma acción que se muestra arriba.
Esta es una forma limpia y eficiente de inyectar su código después de la apertura de la etiqueta del cuerpo. Animo a los desarrolladores de WordPress a utilizar esta técnica en sus sitios web. Lea más sobre esta actualización en la documentación.
Artículos relacionados
- Integración de MailChimp en WordPress sin usar un complemento
- Agregar un botón de imagen personalizado con el cargador de medios en WordPress
- Cargar contenido dinámico en Bootstrap Modal en WordPress