Plugin de Galería de Bloques a Lightbox de Carrusel

Galería de Bloques a Lightbox de Carrusel - Plugin de WooCommerce para WordPress
Presentamos un plugin de Galería de Bloques a Lightbox de Carrusel simple pero potente, diseñado específicamente para el Editor de Bloques de WordPress! Este innovador plugin transforma sin esfuerzo tu Galería de Bloques predeterminada en un impresionante Lightbox de Carrusel con una exhibición de miniaturas llamativa. Una galería visualmente atractiva puede cautivar a los visitantes y mantenerlos en tu sitio por más tiempo. Fácil de usar; diseñado para principiantes, lo que lo hace accesible para todos. Se integra fácilmente con tu Galería de Bloques de WordPress existente, sin necesidad de habilidades de codificación.

Funcionalidad del Carrusel: Los usuarios pueden navegar a través de imágenes en un formato de carrusel horizontal suave, mejorando la experiencia de navegación.

Efecto Lightbox: Hacer clic en cualquier imagen la abre en un hermoso lightbox de pantalla completa, permitiendo una experiencia de visualización más inmersiva.

Navegación por Miniaturas: Incluye una franja de miniaturas que permite a los usuarios saltar rápidamente a cualquier imagen en la galería, haciendo que la navegación sea intuitiva y fácil de usar.

Diseño Responsivo: El diseño completamente responsivo asegura que tu galería se vea impresionante en todos los dispositivos, desde computadoras de escritorio hasta teléfonos móviles.

Agregar una galería de bloques a tu publicación o página usando el Editor de Bloques de WordPress es una forma fantástica de mostrar imágenes visualmente. Aquí tienes una guía paso a paso para ayudarte en el proceso:

Cómo Agregar una Galería en WordPress

Paso 1: Accede a tu Panel de Control de WordPress

  • Inicia sesión en tu Panel de Control de WordPress.
  • Navega a Publicaciones o Páginas dependiendo de dónde quieras agregar la galería.

Paso 2: Crea una Nueva Publicación/Página o Edita una Existente

  • Para crear una nueva publicación, haz clic en Añadir Nueva en la sección de Publicaciones.
  • Para editar una publicación o página existente, haz clic en el título de la publicación/página que deseas editar.

Paso 3: Añade un Bloque de Galería

  1. Haz clic en el Botón +:

    • En la parte superior izquierda del editor, haz clic en el botón Añadir Bloque (el icono de más).

    Gutenberg add new block
  2. Busca el Bloque de Galería:

    • En el menú de bloques, escribe Galería en la barra de búsqueda.
    • Selecciona el bloque de Galería de las opciones.

    Gutenberg add gallery block

Paso 4: Sube o Selecciona Imágenes

  • Sube Imágenes:
    • Puedes arrastrar y soltar imágenes directamente en el bloque o hacer clic en el botón Subir para seleccionar imágenes de tu computadora.
  • Selecciona Imágenes de la Biblioteca de Medios:
    • Si deseas usar imágenes ya subidas, haz clic en el botón Biblioteca de Medios.
    • Elige las imágenes que deseas incluir en tu galería y haz clic en el botón Añadir a la Galería.

Paso 5: Personaliza el Bloque de Galería (Opcional)

  • Orden de las Imágenes: Reorganiza las imágenes arrastrándolas.
  • También puedes añadir leyendas a imágenes individuales haciendo clic en la imagen e introduciendo texto en el campo de leyenda.
  • Usa la barra lateral de Configuración del Bloque para ajustar configuraciones adicionales, como el número de columnas o si se muestra como una cuadrícula.

Paso 6:

Configura las Opciones para la conversión de Galería de Bloques a Lightbox de Carrusel

  • Después de añadir imágenes, verás opciones para configurar tu galería. Ajusta el tamaño de las miniaturas y añade el nombre de la clase CSS al Bloque de Galería:
    • Haz clic en el bloque de Galería en la barra lateral izquierda que acabas de añadir en el editor de tu publicación o página.
      Gutenberg gallery block select
    • En la barra lateral derecha (Configuración del Bloque), busca la opción Resolución.
    • Aquí puedes seleccionar Miniatura. Esto asegurará que todas las imágenes en miniatura se muestren en baja resolución.
    • En la Configuración del Bloque, abre la sección Avanzado. Si no ves la barra lateral, haz clic en el icono del engranaje en la esquina superior derecha para abrirla.
    • En el campo Clase(s) CSS Adicional(es), escribe atakanau_bgtcl_auto_container.
      Gutenberg gallery block settings configure
  • Accede a las Imágenes en la Galería. En la galería, verás cada imagen mostrada.
    • Haz clic en cada imagen para ver su configuración.
    • En la barra de herramientas flotante, busca el botón de opción Enlace.
    • Selecciona la opción Enlazar al archivo de imagen
    • Necesitarás repetir este proceso para cada imagen en tu galería. El enlace a las imágenes permitirá que la galería lightbox abra imágenes más grandes.

    Gutenberg gallery block link to image file

Paso 7: Previsualiza y Publica

  • Haz clic en el botón Previsualizar para ver cómo se ve tu galería.
  • Si estás satisfecho, haz clic en Publicar (para nuevas publicaciones/páginas) o Actualizar (para las existentes) para guardar tus cambios.

Paso 8: Revisa tu Galería

  • Visita la publicación/página publicada para asegurarte de que la galería aparece como se pretende.
Gutenberg Block Gallery to Carousel Lightbox Preview

Consejos para una Galería Atractiva

  • Usa Imágenes de Alta Calidad: Asegúrate de que tus imágenes sean claras y visualmente atractivas.
  • Añade Leyendas: Proporciona contexto para cada imagen para involucrar a tu audiencia.
  • Mantenla Organizada: Limita el número de imágenes para evitar abrumar a los espectadores.

¡Siguiendo estos pasos, tendrás una galería impresionante que mejora tu contenido de WordPress!



Palabras clave: Galería Gutenberg lightbox, Galería Simple, Tutorial Galería Gutenberg lightbox, Galería Lightbox Responsiva.
Siguiente publicaciónPublicación anterior
No hay comentarios
    Añadir comentario
    comment url