Tecnología

Inicio

¿Cómo puedo girar Banderas en Wordpress?

¿Cómo puedo girar Banderas en Wordpress?


Una forma de hacer que su blog de Wordpress para un poco más interesante para sus visitantes es el uso de una bandera que gira al azar, por lo que cada vez que se carga un visitante o actualiza una página en su blog, una imagen de banner diferente se muestra en la página. Lograr esto usando una pequeña pieza de código JavaScript para reemplazar el código HTML actual para el banner en su sitio. Es necesario ser un administrador o un Super administrador para completar este proceso.

Instrucciones

1 Ingrese a su panel de control de administración de Wordpress, a continuación, haga clic en "Media" y "en" Agregar nuevo. "Haga clic en" Seleccionar archivos "y vaya a la ubicación de las banderas en el disco duro de su ordenador. A medida que se carga cada uno, copiar y pegar el "File URL" de cada archivo en un documento de texto y haga clic en "Guardar todos los cambios" antes de subir al siguiente bandera. Repita hasta que haya subido todos sus banderas.

2 Haga clic en "Apariencia" de la barra de menú principal de la izquierda, haga clic en "Editor". En la lista de archivos a la derecha, haga clic en "header.php". Copia el siguiente código entre las "<head>" etiquetas en el archivo "header.php":

<Script language = "JavaScript">

var maxBanner = 3

var BannerNo

var myBanner = new Array ()

myBanner [0] = '<img alt = "bandera 1" />'

myBanner [1] = '<img alt = "bandera 2" />'

myBanner [2] = '<img alt = "bandera 3" />'

</ Script>

3 Sustituya el "3" junto a "maxBanner = 3" con el número de banderas que está utilizando, a continuación, cambiar "URL 1", "2 URL" y "URL de 3" a las URL que anotó en el paso 1. Si está el uso de más de tres banderas, copiar y pegar la línea que comienza con "myBanner [2]" en una nueva línea justo debajo de él, y reemplazar "[2]" por "[3]." Repita este procedimiento para todas sus banderas y haga clic en "Guardar cambios" cuando haya terminado.

4 Desplazarse hacia abajo en el archivo hasta que encuentre la etiqueta "<img>" para su titular actual. Si no lo encuentra, cargar su blog en un navegador, a continuación, haga clic en el banner y abrirlo en una nueva ventana. Nota URL de la imagen en la barra de direcciones del navegador, a continuación, analizar el archivo "header.php" para la etiqueta "<img>" que contiene esta dirección.

5 Eliminar la etiqueta "<img>" y sustituirlo por el siguiente código:

<Script language = "JavaScript">

BannerNo = Math.round (Math.random () * maxBanner)

document.write (myBanner [BannerNo])

</ Script>

6 Haga clic en "Guardar cambios" para guardar su trabajo.

Consejos y advertencias

  • Se puede utilizar el mismo guión para girar cualquier sección del código HTML, no sólo "<img>" tag - por ejemplo, una cita al azar, un enlace al azar o una selección de anuncios.