Indice del contenido
Hay muchos motivos por los cuales se puede querer insertar código en la cabecera o footer de un sitio web de WordPress. Puede ser para agregar funciones personalizadas, para insertar código de seguimiento de Google Analytics o para insertar código de publicidad.
En este artículo, vamos a crear un plugin de WordPress que nos permite insertar código en la cabecera y footer de un sitio web de WordPress de manera fácil y sin necesidad de tener conocimientos técnicos.
Código de Headers and Footers para añadir al fichero functions.php
<?php
<!-- Codigo de Headers and Footers para añadir al fichero functions.php -->
add_action('wp_head', function()
{
?>
<!-- INICIO código de Google Tag Manager (en el Head) -->
<!-- La primera parte del código de Google Tag Manager va aquí(header) -->
<!-- FIN Google Tag Manager -->
<?php
});
add_action('wp_footer', function()
{
?>
<!-- INICIO código de Google Tag Manager (en el Body) -->
<!-- La segunda parte del código de Google Tag Manager va aquí (body) -->
<!-- FIN Google Tag Manager -->
<?php
});Plugin simple de Código de Headers and Footers
<?php
/*
Plugin Name: Código de Headers and Footers
Plugin URI: https://webyblog.es/
Description: Este simple plugin permite agregar código en el header y footer de tu sitio web de WordPress.
Version: 1.0
Author: Juan Luis Martel
Author URI: https://webyblog.es/
License: GPL2
*/
// Código en el header
add_action('wp_head', function() {
?>
<!-- INICIO código de Google Tag Manager (en el Head) -->
<!-- La primera parte del código de Google Tag Manager va aquí (header) -->
<!-- FIN Google Tag Manager -->
<?php
});
// Código en el footer
add_action('wp_footer', function() {
?>
<!-- INICIO código de Google Tag Manager (en el Body) -->
<!-- La segunda parte del código de Google Tag Manager va aquí (body) -->
<!-- FIN Google Tag Manager -->
<?php
});
Consejos para utilizar el Codigo de Headers and Footers
Aquí hay algunos consejos para utilizar el código de Headers and Footers de manera efectiva:
1. No agregue demasiado código en la cabecera o footer
Agregar demasiado código en la cabecera o footer de su sitio web de WordPress puede ralentizar su sitio web y afectar negativamente la experiencia del usuario. Por lo tanto, es importante agregar solo el código necesario en la cabecera y footer.
2. Agregue el código correctamente
Es importante agregar el código correctamente en los lugares que hemos comentado dentro del código anterior en la cabecera y footer de su sitio web de WordPress. Si no agrega el código correctamente, puede afectar negativamente el rendimiento de su sitio web o incluso causar errores.
3. Realice siempre una copia de seguridad de su sitio web antes de agregar código
Antes de agregar código en la cabecera o footer de su sitio web, es importante realizar una copia de seguridad de su sitio web. Si algo sale mal durante el proceso de agregado de código, puede restaurar su sitio web a su estado anterior.
4. Verifique si el código es compatible con su sitio web
Antes de agregar código en la cabecera o footer de su sitio web, es importante verificar si el código es compatible con su sitio web. Si el código no es compatible con su sitio web, puede causar errores y problemas en su sitio web.
