Portada Wordpress Plugins 2 Trucos para Añadir Cabeceras Aleatorias en WordPress
Si alguna vez te has preguntado cómo mostrar imágenes aleatorias en la cabecera de tu blog hoy te vamos a contar 2 formas de añadir cabeceras aleatorias en WordPress.
Por si no sabes de que estamos hablando es posible que hayas entrado en una Web y al actualizar la página o cambiar de sección el diseño de la Web es el mismo salvo porque ha cambiado la imagen superior por otra del mismo tamaño pero diferente. Esto es algo aleatorio y muy sugerente de cara al visitante.
Las dos formas de las que vamos a hablar aquí son igualmente válidas pero en una de ellas no vamos a instalar ningún plugin si no que vamos a editar nuestro fichero header.php para conseguir el efecto añadiendo un código.
En el segundo método vamos a recurrir a un plugin para que se encargue del trabajo sucio si no quieres tocar el código a mano.
Para usar este truco es necesario que antes te pongas el chip de diseñador y crees las imágenes que quieres que se muestren de manera aleatoria en la cabecera. ¡El truco no crea las imágenes por si solo!
Una vez tengas claras las imágenes que quieres que se añadan, deberán ser del mismo tamaño si quieres que la cosa salga bien, debemos de asegurarnos de que podemos volver atrás una vez hayamos insertado el código.
Para eso es necesario que se realice una copia de seguridad del archivo header.php antes de editar el archivo.
Puedes descargarlo por FTP, hacer una copia desde CPanel o desde entrando desde nuestro panel de control de WordPress en Apariencia > Editor y localizar el archivo Cabecera (header.phph). Copiar todo el texto y pegarlo en un .txt que guardes a buen recaudo.
Después debemos copiar este código y pegarlo en el archivo header.php:
01 <?php 02 $result_random=rand(1, 99); 03 if($result_random<=33){ ?> 04 <div id="header" style="background:transparent url(URL DE LA IMAGEN 1.jpg) no-repeat top left;"> 05 <?php } 06 elseif($result_random<=66){ ?> 07 <div id="header" style="background:transparent url(URL DE LA IMAGEN 2.jpg) no-repeat top left;"> 08 <?php } 09 elseif($result_random<=99){ ?> 10 <div id="header" style="background:transparent url(URL DE LA IMAGEN 3.jpg) no-repeat top left;"> 11 <?php } ?> 12 <!-- Aquí va el código del header --> 13 </div>
Este ejemplo realiza una ”tirada de dados” con un dado virtual que puede dar un resultado de 1 al 99 y según el resultado muestra la imagen 1, 2 o 3.
El plugin WP Display Header nos servirá para hacer lo mismo pero de una manera distinta ya que nos brinda la posibilidad de elegir la cabecera que queramos en cada página o entrada.
Su funcionamiento es muy sencillo. Una vez descargado y activado no debemos de configurar nada si no queremos ya que usa las imágenes del propio theme.
Eso si, si queremos usar imágenes distintas debemos subirlas antes desde Apariencia > Cabecera. en este punto debemos aclarar que este plugin no funciona con todos los themes por lo que si no es compatible con nuestro them, no podemos usarlo.
Si todo va bien y es compatible sólo debemos ir a una entrada o página nueva o editar una creada para ver como funciona.
Veremos que tenemos un nuevo apartado llamado cabecera en el que podemos elegir todas las cabeceras que tengamos preparadas o bien las del propio theme.
Podemos elegir Random para que sea el azar el que elija la cabecera, seleccionar None para no mostrar ninguna, seleccionar la cabecera que queramos y restaurar la cabecera original.
Lo bueno de este plugin es que podemos elegir la cabecera en distintos sitios de nuestro blog, lo cual da mucho juego.
Por ejemplo podemos crear una cabecera que sólo se vea en la página de contacto con el administrador de la Web, otra para un portafolio, otra para el aviso legal, etc…
Wordpress es el CMS (Sistema de gestión de contenidos) más utilizado por eso en Hostinet lo tratamos de una manera especial diseñando un hosting especializado en WordPress y con un soporte técnico especializado en WordPress para ayudarte en todo lo que necesites.