Cómo crear galerías de imágenes filtrables en un sitio web de WordPress con el plugin Essential Blocks

En el diseño de sitios web modernos, las galerías de imágenes son un elemento clave para presentar contenidos visuales. Para mejorar la experiencia del usuario, lasPlugin de bloques esencialesProporciona unBloque Galería de imágenesAñade galerías de imágenes con filtros y búsquedas a tu sitio web WordPress con facilidad. En este artículo se detalla cómo configurar y mostrar galerías de imágenes con filtros mediante el plugin Essential Blocks.

Instalación y activación del plug-in Bloques Esenciales

Antes de iniciar la configuración, asegúrese de que el plugin Essential Blocks está instalado y activado. Si se necesitan diseños de galería más avanzados, se recomienda instalar la versión Essential Blocks Pro.

• Instalación de plug-ins::
  • Inicie sesión en su panel de WordPress y vaya a "plug-in (componente de software)"haga clic en "Añadir nuevo plugin".
  • Buscar e instalar Bloques esenciales Complementos.

• Plugin de activación::
  • Después de instalar el plugin, asegúrese de que está activado.

Configurar galerías de imágenes filtrables

Habilitar bloques de galería de imágenes filtradas::

• En el panel de control de WordPress, vaya a Bloques esenciales plug-in, vaya a Bloquea Tab.

• Activar en la lista Galería filtrable y guarda la configuración.

Añadir bloque de galería de imágenes filtradas::

• Abra la página o la entrada a la que desea añadir una galería de imágenes en el menú Editor ElementorEn , seleccione la zona en la que desea insertar la galería.
• Haga clic en el icono más y busque Bloques esenciales Galería filtrable y arrástrelo a la página.

Seleccionar una plantilla y añadir imágenes::

• golpe (en el teclado) Elija para empezar a personalizar la galería de proyecciones.

• Elija una plantilla adecuada, por ejemplo yo elegí la plantillaGalería Flipbookplantilla, haga clic en "haga clic para insertar"

• En el panel derecho del Artículos de la galería subiendo las imágenes una a una y añadiendo un título y una descripción para cada una de ellas.

Galerías de imágenes personalizadas

Actualizar los ajustes de diseño e imagen::

• existe General En la pestaña, actualice el diseño, seleccione el tamaño de imagen preestablecido y ajuste el número de columnas y el espaciado de la imagen (en píxeles).

• También hay opciones para desactivar la visualización de títulos y descripciones, activar efectos lightbox y enlaces personalizados.

Ajustes de filtro::

• existe Filtro habilite los filtros y la barra de búsqueda, y asigne un nombre a cada filtro. Los filtros pueden arrastrarse para reordenar su posición.

• existe Filtro seleccionado por defecto para asignar los filtros creados y asignar los filtros correspondientes a los elementos de la imagen.

Estilos personalizados::

• existe Estilo para ajustar la altura, anchura, estilo de borde, color, anchura, esquinas redondeadas y otras propiedades de la imagen.

• También puede modificarse Estilos de acciónyEstilos de contenidoyEstilos de subtítulosyDescripción EstilosyEstilos de búsqueda y filtrado demasiado Tipografía Estilo.

Cargar más estilos de botones::

• existe Botón Cargar más seleccione la fuente y el color del texto,color de fondoy otros estilos.

Ajustes avanzados::

• existe Avanzado para personalizar aún más ajustes avanzados como márgenes, relleno, posición, CSS y más.

Publicar y ver los resultados

Una vez que haya completado todas las personalizaciones, haga clic en Publique para publicar la página. La página puede visualizarse para ver una galería de imágenes filtrables en función de los ajustes seleccionados y los estilos personalizados.

resúmenes

Con el plugin Essential Blocks, es fácil crear una galería de imágenes filtradas repleta de funciones para tu sitio web de WordPress. Ya sea para comercio electrónico, escaparate de obras de arte o cualquier página que necesite mostrar un gran número de imágenes, las galerías filtradas ayudan a los usuarios a encontrar rápidamente lo que les interesa, al tiempo que mejoran la interactividad y la experiencia de usuario del sitio.

Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres