Cambiar dinámicamente una imagen en el encabezado en WordPress

Cuando carga un blog de WordPress, parece que está cargando un solo archivo HTML, pero de hecho, WordPress combina dinámicamente muchos archivos diferentes para producir lo que finalmente verá. Puede usar esto para su ventaja al hacer que cualquier otra parte de su sitio, como una imagen de encabezado, también se cargue dinámicamente, tal vez para mostrar diferentes productos. Todo lo que necesita hacer es agregar un pedazo de código PHP a su etiqueta de imagen.

1.

Localice todos los archivos de imagen que desea rotar en el disco duro de su computadora. Etiquete estos archivos de forma secuencial con el prefijo "header_", comenzando con "header_1" y trabajando hacia arriba.

2.

Inicia sesión en tu cuenta de FTP. Vaya al directorio del tema de WordPress que está utilizando actualmente y luego cargue las imágenes en esta carpeta.

3.

Inicie sesión en su panel de control de administración de WordPress. Haga clic en "Apariencia" en el menú principal a la izquierda de la pantalla y luego haga clic en "Editor". Cuando la página se haya cargado, haga clic en "header.php" en la lista de archivos de la derecha.

4.

Desplácese por el archivo hasta que encuentre el punto en el que desea que vaya la imagen dinámica. Luego pegue el siguiente código:

5.

Reemplace la URL de ejemplo con la ruta real a su carpeta de temas, por ejemplo, "//tudito.com/wp-content/themes/yourtheme/". Cambie los atributos de ancho y alto para que se ajusten al tamaño de sus imágenes, o la imagen más grande si son de diferentes tamaños. Finalmente, cambie el número “5” en la línea “” al número de imágenes que cargó anteriormente.

6.

Haga clic en "Actualizar archivo" para guardar sus cambios.

Propina

  • Para agregar o eliminar imágenes en el futuro, simplemente cárguelas o elimínelas de su carpeta de temas, y luego actualice la línea "" para que coincida con el nuevo número de imágenes. Asegúrese de que los archivos de imagen siempre estén etiquetados de forma secuencial a partir del número uno.

Entradas Populares