¿Cómo agregar código al encabezado de WordPress?

Sea que estés editando la web para tu negocio o estás formándote como programador, puede que estés interesado en saber cómo agregar código al encabezado de WordPress.
Colocar estos fragmentos de códigos no es una tarea tan complicada como crees.

Estos códigos deben ser insertados en el encabezado o en el pie de página (header.php y footer.php) de la página de wordpress, ya que es el lugar más conveniente del ecosistema de tu sitio para añadir código.

En este apartado te expondremos cómo hacerlo sin que seas un entendido en la materia.

¿Qué es un header o encabezado?

Un header o encabezado es una sección de código que se inserta en la parte superior de un sitio web. Se usa generalmente para agregar funcionalidad adicional o cambiar el comportamiento del sitio.

Por ejemplo, el código a continuación se puede agregar al header de un sitio para redirigirlo a otra URL:

<meta http-equiv="refresh" content="0; url=https://example.com/">

También puede usar el header para agregar metadatos, como la descripción y las palabras clave del sitio, o para cambiar la apariencia del sitio mediante el uso de CSS.

Un footer o pie de página es la sección que aparece en la parte inferior de una página web. En él suelen aparecer datos como el nombre y los contactos de la empresa o el blog, enlaces a redes sociales, etc. Aunque en la mayoría de las plantillas el footer es una sección fija, en WordPress podemos personalizarlo a nuestro gusto.

Para insertar código en el footer de nuestra página web con WordPress, lo primero que tenemos que hacer es acceder al editor de código. Podemos hacerlo a través de la interfaz de usuario, en el menú lateral izquierdo, o bien directamente desde el archivo functions.php de nuestro tema.

Casos específicos para agregar código al encabezado o pie de página de WordPress

Necesitarás insertar código al encabezado y pie de página de WordPress para ampliar las funciones de tu página web o acceder a servicios de terceros.

Aquí te nombramos algunos casos emblemáticos en los que es necesario agregar código en WordPress, HTML en WordPress:

  1. Cuando realizas una campaña publicitaria con banners y quieres seguir de cerca su desarrollo, insertar un código de seguimiento.
  2. Si quieres rastrear la actividad de tu web, es un buen momento para insertar un script de seguimiento para Google Analytics
  3. Puedes colocar el código HTML de Google Search Console para validar tu dominio.
  4. Agregar un CSS personalizado en la cabecera y pie de página de WordPress, para hacer más atractivo tu sitio web.
  5. Usar un Facebook Pixel para analizar tus campañas.
  6. Cualquier código que desee se vea reflejado en cualquier página de WordPress.

Lo importante de agregar código es que utilices los servicios externos de tu web, para que no tengas que corregir los códigos originales de tu sitio de WordPress.

Existen dos métodos para agregar código en WordPress, ellos serían: a través de plugin que es más simple para los principiantes y el método manual para aquellos usuarios más avanzados en desarrollo web.

Aprende ¿Cómo añadir Google Analytics a WordPress? 👈

Privilegios que tendrás al usar plugins de WordPress

Antes, te facilitaremos una serie de beneficios por los cuales deberías utilizar plugins de WordPress, al momento de agregar código en WordPress, HTML en WordPress.

  • Los fragmentos de código seguirán en perfecto estado, si decides un día cambiar el tema.
  • Descargar y usar plugins es más fácil que trabajar con largos códigos.
  • No se editan los códigos originales, se relacionan códigos adicionales y de esa forma se transforma el código original.
  • Cuando ya no necesites ese cambio, con desinstalar el plugin, basta.

Agregar código al encabezado de WordPress mediante el uso de un plugins

Si no eres un experto en procedimientos informáticos, entonces te recomendamos la forma más sencilla y cómoda de añadir código al encabezado de tu sitio web. Utiliza esos pequeños fragmentos de código o complementos que son una extensión de tu sitio, que aparte de su fácil aplicación, mejorará la competencia de WordPress.

Ahora el paso a paso:

Instalar y activar la inserción de código de encabezado

Desde tu tablero de WordPress, ve a plugins, en la parte superior entras a añadir nuevo y buscas el plugin de tu preferencia. Luego presionas instalar y activar.

Y tan rápido como lo leíste aquí, tu plugin ya está instalado y listo para usar.

Añade el fragmento de código al encabezado

Para comenzar la comunicación a través de su interfaz, dirígete a configuración encabezado y pie de página todo esto en tu panel de control de WordPress. Encontrarás gran cantidad de pestañas en el plugin, pero la mayor parte del trabajo será en la pestaña de encabezado y pie de página predeterminada.

Aparecerán dos cuadros, que te indicarán cómo deseas colocar el código de encabezado:

– En cada página: el fragmento de código al encabezado estará presente en todas las páginas de tu sitio web.

– En la página de inicio: te aparecerá el fragmento de código encabezado solo en la página principal.

Un ejemplo sería: Cuando agregas el código de seguimiento de la página Google Analytics a tu sitio de WordPress, lo copias y pegas en la casilla: en cada página, luego guardas los cambios y de esa forma ese código te aparecerá en el encabezado de cada una de las páginas que conforman tu portal web.

Plugin Header wordpress

Agregar código al encabezado de WordPress de forma manual

Este método resulta un poco complicado para aquellas personas que no manejan de forma especializada el trabajo con códigos.

Para añadir el código al encabezado de WordPress se requiere editar el archivo header.php de tu tema de Wordpress, para ello te dirigirás en tu panel de administración WordPress a Apariencia -> Editor de Temas.

Es importante identificar las etiquetas pertenecientes al encabezado de tu template <head> </head>.

También debes tener en cuenta las posibles actualizaciones que pueda presentar tu sitio web, ya que al actualizarse, podría perderse la configuración y se tendría que añadir el código nuevamente.

Header Dongee

Conclusión

Espero este tutorial te haya servido para encontrar la forma más fácil de insertar el código personalizado a cualquier encabezado y pie de página de su sitio web WordPress, con o sin un plugin, únicamente añadiendo el fragmento de código.

Comenta lo que quieras

Unete a la charla
Solo ingresa tu email