• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar las imágenes de la galería de WordPress en orden aleatorio

Descubre en este tutorial cómo puedes mostrar las imágenes de la galería de WordPress de forma aleatoria con un poco de código.

El bloque de galería es muy potente y te permite personalizar bastantes parámetros, pero la opción de que las imágenes se muestren de forma aleatoria no es una de ellas.

Por suerte, existe un filtro que te permite conseguirlo de forma sencilla. Vamos a ver cómo.

Pasos para mostrar las imágenes de la galería de WordPress de forma aleatoria

1. Crea la galería

Crea la galería con las imágenes que deseas, tal y como lo haces habitualmente.

2. Añade una clase CSS personalizada

Una vez que hayas creada la galería, ve al apartado de «Avanzado» y añade random en «Clase(s) CSS adicional(es)» del bloque.

añadir clases CSS editor bloques WordPress

3. Filtra los atributos de la galería

Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 1953 snippets de esta web,
identifícate o suscríbete aquí.

En este código utilizas el filtro render_block_data para identificar los bloques de galería (core/gallery) que tienen la clase random para mostrar las imágenes de forma aleatoria.

Conclusión

Ahora ya sabes cómo mostrar las imágenes de la galería de WordPress de forma aleatoria con un poco de código.

¿Alguna pregunta o sugerencia para próximos snippets? Déjala en los comentarios.

Ventajas de ser suscriptor.

Tutoriales relacionados

  • https://codigogenesis.com/crear-plugin-funcionalidades-wordpress/

Editor de bloques PHP WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

close-icon

¿Has olvidado tu contraseña?