Cómo poner código en la cabecera en WordPress

Cómo poner código en la cabecera en WordPress

Cómo poner código en la cabecera en WordPress

Dejame adivinar, quieres controlar cuantas visitas tienes y el sistema de medición te ha dicho que tienes que poner un código en la cabecera de tu página, pero … ¿Cómo? ¿Dónde?

Si estás leyendo esto es porque tienes una bitácora con WordPress y no sabes qué hacer.

Te daré varias opciones, escoge tu la que te guste.

Cuando te han pedido que pongas el código en la cabecera de la página, se refieren a que lo sitúes entre las etiquetas html: <head> y </head>.

Si es un sitio elaborado con html desde cero, lo tienes fácil, sólo has de introducir ese código en todas las páginas que forman tu sitio.

WordPress es otro mundo, porque cada página se genera dinámicamente con el contenido de cada entrada, así que ¿cómo se hace?

Cómo poner código en la cabecera en WordPress

Primera opción

Como siempre, la opción más fácil es la de usar un plugin que haga el trabajo.

Un plugin como «Insert headers and footers» (https://es.wordpress.org/plugins/insert-headers-and-footers/) te permitirá poner el código y olvidarte de complicaciones técnicas.

Segunda opción

Si has llegado aquí es porque quieres ir más allá, quieres «remangarte y trabajar». ¡Bien!

Si tu tema lo permite, tendrás una opción en el menú de Apariencia -> Personalizar en el que te indicarán que puedes «incrustar» código o scripts en la cabecera.

Tercera opción

La fórmula del «DIY» o Hazlo Tu Mismo. Se trata de incrustar el código en las cabeceras ¿no? Pues bien, podemos hacerlo a mano, página a página editando el HTML resultante (lo cual es ilógico, incómodo e inútil) o, podemos pedir a WordPress que lo haga por nosotros, lo que parece una mejor idea.

A WordPress podemos decirle que realice el trabajo, de varias formas. Como es lógico, vamos a decirle (una vez) que lo haga en cada ocasión (todas las veces que construye la página html).

Y aún así, tenemos diferentes formas de hacerlo. Una es cambiar el script php que crea las cabeceras html.

El script que hace esa labor se llama header.php y si lo modificamos, podemos añadir el código que queramos que aparezca en cada página.

Esto tiene grandes inconvenientes, como:

  • Existe un «header.php» en cada tema, por lo que podríamos tener varios, uno por cada tema instalado.
  • Si se actualiza el tema, perdemos los cambios hechos.
  • Nadie nos garantiza que el tema no modifique este archivo, desde otro script.

Por tanto, nos queda otra opción más interesante, aprovechar las facilidades que nos da WordPress.

Para esto vamos al archivo functions.php de nuestro tema hijo.

¡Ah! ¡Que no tienes un tema hijo! Pues debes crear uno. Sigue nuestras indicaciones. Cuando lo tengas creado, seguimos.

En el archivo functions.php de nuestro tema hijo, insertamos un «hook» o gancho.

En el archivo insertamos el código:

function mi_codigo() {
  echo 'Aquí tu contenido';
}
add_action( 'wp_head', 'mi_codigo', 10 );

Por supuesto, debes reemplazar «’Aquí tu contenido’» con lo que te han indicado que debes insertar en la cabecera de tus páginas, para que funcione tu sistema de medición y seguimiento.

De esta forma, cada vez que WordPress genere una página html, usando el contenido de tu bitácora, incluirá en la cabecera, el código que le has indicado.

Así que, asegurate de que el código html es correcto, si no quieres que tus visitantes tengan sorpresas.


Canales de Telegram: Canal SoloWordpressCanal SoloLinux 


¡Espero que este articulo te sea de utilidad, puedes ayudarnos a mantener el servidor con una donación en PayPal, o también colaborar con el simple gesto de compartir nuestros artículos en tu sitio web, blog, foro o redes sociales!

¡Tus comentarios y preguntas nos ayudan a mejorar, por favor comenta!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Esta web utiliza cookies, puedes ver aquí la Política de Cookies