Bloque de imágenes de WordPress es muy útil para insertar y mostrar una sola imagen en su sitio web. Pero si desea utilizar varias imágenes simultáneamente, utilice el bloque Galería de WordPress.
Por lo tanto, debe aprender a utilizar el bloque de galería en WordPress. Una vez que domines y aprendas todas las funciones del bloque de galería, podrás utilizarlo para mejorar el aspecto visual de tu sitio web y hacerlo más profesional y atractivo.
Hoy, en este tutorial, hablaremos del bloque de galería de WordPress, las características de la barra de herramientas, las opciones de personalización y cómo usarlo correctamente. Asegúrate de seguirnos de principio a fin.
¿Qué es el bloque de galería de WordPress?
El bloque Galería de WordPress es el bloque central con el Editor de bloques de WordPress. El bloque Galería permite crear y mostrar una colección de imágenes en formato de cuadrícula. Es perfecto para mostrar fotos de eventos, organizar imágenes en un diseño atractivo o presentar imágenes con el mínimo esfuerzo.
Ciertas características le benefician cuando utiliza el bloque. Descúbralas a continuación.
- Personalización: Ajusta las columnas, el espaciado y los pies de foto para adaptarlos a tu diseño. También puede establecer diferentes resoluciones para imágenes individuales en la galería.
- Diseño adaptable: Las imágenes se adaptan automáticamente a los distintos tamaños de pantalla para ofrecer una experiencia fluida en móviles, tabletas y ordenadores de sobremesa.
- Integración incorporada: No hay necesidad de plugins adicionales; el bloque funciona de forma nativa en WordPress.
- SEO-Friendly: El texto ALT y los pies de foto pueden mejorar la accesibilidad de sus contenidos y su posicionamiento en los motores de búsqueda. También puede establecer texto ALT para imágenes independientes dentro de la galería.
Funciones de la barra de herramientas del Bloque de Galería
Cuando insertas el bloque de galería, aparece una barra de herramientas en la parte superior del bloque de galería con varias funciones para personalizar tu galería. Estas funciones se muestran a continuación.
- Transfórmate: Puede transformar este bloque en un bloque de Imagen, Columnas, Detalles y Grupo.
- Arrastra: Permite arrastrar y soltar el bloque dedicado en cualquier lugar del editor.
- Asa móvil: Permite mover el bloque arriba y abajo.
- Alinear: La opción de alineación le permite ajustar la alineación de la imagen a Ninguna, Ancho, Ancho completo, Izquierda, Centro y Derecha.
- Enlace: Esta opción le permite añadir enlaces para el contenido seleccionado dentro del bloque.
- Pie de foto: Puedes añadir pies de foto utilizando la opción del editor para cada imagen.
- Añade: La opción de añadir permite añadir o cargar nuevas imágenes en la galería.
- Más opciones: Ofrece más opciones relacionadas con la sección del bloque, como duplicar, copiar, agrupar, etc.
¿Cómo utilizar el bloque de galería en WordPress?
Utilizar el bloque Galería en WordPress es muy sencillo. Todo lo que necesitas hacer es seguir estos pasos.
Paso 1: Añadir Bloque de Galería en el Editor
Abre la publicación o página, haz clic en el icono "+" para añadir un bloque y busca "Galería". Selecciona el Bloque de Galería para insertarlo en tu post o página.
Paso 2: Cargue sus imágenes
Puedes subir tus imágenes o seleccionarlas de la mediateca.
Cómo insertar imágenes mediante la opción de carga
Para insertar archivos de imagen, haga clic en el botón de carga, seleccione las imágenes con el cursor mientras que manteniendo pulsado el botón CTRL de tu teclado y haz clic en Abrir. Y ya está. Podrás ver tus imágenes en el editor.
Cómo insertar una imagen a través de la opción de biblioteca multimedia
Haga clic en el botón Biblioteca multimedia, seleccione sus imágenes y haga clic en el botón Crear una nueva galería e Insertar galería para insertar las imágenes en el editor.
Cuando hayas insertado todas las imágenes en la galería, podrás ver todas las funciones de la barra de herramientas del bloque de imágenes. Puedes comprobar esas funciones aquí.
Paso 3: Personalización de la galería
Para personalizar la galería, vaya a Ajustes (1) > Bloquear (2) > Ajustes (3). Encontrará las opciones de selección de columnas, resolución y otras opciones.
- Columnas: Las columnas le permiten determinar cuántas imágenes desea mostrar en su editor. Cuantas más imágenes añadas, más columnas se añadirán a la Galería. (4)
- Resolución: Puedes configurar la resolución de la imagen en Miniatura y Tamaño completo. (5)
- Recortar imágenes para ajustarlas: Esta función mantiene la proporción de cada imagen y hace que su tamaño se ajuste.
- Orden aleatorio: Esta función no mantiene la serie, sino que muestra imágenes en una serie aleatoria.
La opción Estilos presenta las siguientes opciones.
- Color: La opción de color le permite cambiar el color de fondo de su bloque Galería.
- Dimensiones: La opción Dimensiones le permite modificar el Espaciado entre bloques (espacio entre dos bloques como las imágenes), el Margen y el Relleno.
- Borde y radio: Con esta función, puede añadir un borde, un color de borde y un radio de borde a su galería.
Aquí está la demo completa de la galería que he creado.
Reflexiones finales
El Bloque de Galería es una potente herramienta con el editor de bloques Gutenberg. Te permite mostrar tus colecciones de imágenes sin necesidad de plugins adicionales.
Es una opción excelente para todos por su flexibilidad, opciones de personalización y perfecta integración con WordPress.
Pruébelo y vea cómo puede transformar la forma de mostrar imágenes en su sitio web.
Déjame saber tu opinión sobre el tutorial en la sección de comentarios. También, deje que sus compañeros saben acerca de él a través de su plataforma de medios sociales.
Más información
- Cómo utilizar el bloque de imágenes en WordPress en 3 sencillos pasos
- Cómo utilizar el bloque preformateado en WordPress en 3 sencillos pasos
- Cómo utilizar el editor de bloques de WordPress (Guía para principiantes)
- 7 Mejores Alternativas a wpDataTables en 2024 (Comparadas)
- Los mejores plugins de WordPress para sitios y portales de noticias (2024)
