Saltar al contenido

Plugin para poner código en la cabecera y footer de WordPress

  • WordPress en General

Plugin para poner código en la cabecera y footer de WordPress

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

Sección titulada «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

Sección titulada «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

Sección titulada «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:

Sección titulada «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.

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

Sección titulada «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

Sección titulada «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.