Necesita crear una galería de imágenes con pestañas en Elementor ?
Como decimos constantemente, Elementor es más que un complemento de creación de páginas. Es un complemento versátil que puede reemplazar múltiples tipos de plugins de WordPress a la vez. Uno de los complementos que se pueden reemplazar con Elementor es el complemento de la galería de imágenes.
Con Elementor, no es necesario instalar ningún complemento adicional para crear una galería de imágenes en su sitio web de WordPress. Hay dos widgets ofrecidos por Elementor para crear una galería de imágenes: Galería básica y Galería.
El widget Galería básica, disponible en Elementor Free, le permite crear una galería de imágenes básica, mientras que el widget Galería le permite crear una galería de imágenes más avanzada, incluida una galería de imágenes con pestañas.
Esto es genial si desea crear una galería en un sitio web de fotografía. En este artículo, le mostraremos cómo crear una galería de imágenes con pestañas en Elementor.
Cómo crear una galería de imágenes con pestañas en Elementor
El widget de la Galería está disponible en la versión pro de Elementor. Así que asegúrese de haber actualizado su Elementor a la versión pro si no lo ha hecho. Hay muchos beneficios que obtendrá al usar Elementor Pro, incluida la capacidad de crear un tema de WordPress sin codificación.
Lea también: Cómo crear una galería de imágenes con pestañas en Elementor
En este ejemplo, crearemos una galería de fotos de paisajes. Las fotos se dividen en tres tipos: montaña, mar y cascada. Vamos a crear tres pestañas para alojar cada tipo de paisaje más una pestaña para mostrar todas las fotos.
Para comenzar, cree una nueva página y edítela con Elementor. También puede editar una página existente. Agregue una sección y arrastre el widget Galería a ella.
Bajo el bloque Ajustes debajo de la pestaña Contenido, establecer la opción Tipo de Propiedad en Múltiple.
De forma predeterminada, su galería contiene solo una pestaña. Para agregar una nueva pestaña, simplemente haga clic en el botón AÑADIR UN ELEMENTO.
Ver también: Cómo crear una barra de progreso de degradado en Elementor
Abra uno de los elementos (pestañas). Definir la etiqueta de la pestaña en el campo Título. Haga clic en el botón más para seleccionar las imágenes que desea agregar a la pestaña.
Seleccione las imágenes de su biblioteca de medios de WordPress. Si no tiene uno, simplemente descárguelo. Haga clic en el botón Crear una nueva galería -> Insertar galería para agregar la galería a la pestaña.
Abra los otros elementos (pestañas) y repita los pasos anteriores para configurar la etiqueta de la pestaña y agregar las imágenes.
Personaliza la galería
Una vez que agregue imágenes a cada pestaña, puede personalizar su galería. En el bloque Ajustes, puede establecer el diseño, la altura de la fila, el espacio entre las imágenes y el tamaño de la imagen. También hay una opción para activar la función Carga diferida.
Abre el bloque Barra del filtro para definir la etiqueta de la pestaña principal (la pestaña "Todos"), el puntero y la animación.
Abre el bloque Superposición para activar la superposición. Puede mostrar el título y la descripción de la imagen cuando se desplaza sobre una imagen configurando el título y la descripción.
Si desea mostrar el título y la descripción al pasar el mouse, debe editar la imagen individual en la galería y agregar la configuración que definió (texto alternativo, título, título o descripción).
Abre la pestaña Estilo para personalizar tu galería. Hay 4 bloques que puede abrir: Imagen, Superposición, Contenido y Barra de filtros.
Imagen
Este bloque le permite establecer el color del borde de la imagen, el color del borde señalador, el ancho del borde, el radio del borde, el filtro CSS y la animación señaladora.
Superposición
Este bloque le permite establecer el color de superposición, el color de superposición de desplazamiento, el modo de fusión y la animación de desplazamiento.
Contenido
Este bloque le permite personalizar el contenido de la imagen. El contenido se refiere al título y la descripción de la imagen. Puede establecer la alineación, la posición vertical, el relleno, el color del texto y la tipografía (estilo de fuente, familia de fuentes y tamaño de fuente).
Barra del filtro
Este bloque le permite personalizar el filtro. Puede establecer alineación, color normal, color de señalamiento, color activo, color de texto, espacio entre pestañas y tipografía.
Puede manipular estos ajustes hasta que esté satisfecho con el resultado. Una vez hecho esto, haga clic en el botón PUBLICAR / ACTUALIZAR en la parte inferior del panel izquierdo para publicar o actualizar su página.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear una galería de imágenes con pestañas en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
