El estilo de tu Galería Pro en tu sitio móvil es adaptable, lo que significa que se ajusta automáticamente para adaptarse a diferentes tamaños de pantalla y dispositivos. Puedes elegir un estilo completamente diferente para tu Galería Pro para que se vea ideal en dispositivos móviles.
Selecciona un estilo predeterminado con funciones integradas, o uno personalizado si prefieres personalizarlo por tu cuenta. Cualquiera que sea la opción de estilo que elijas, siempre puedes personalizar el diseño de la galería.
En este artículo, obtén más información sobre lo siguiente:
Estilos personalizados
Estos estilos de galería te permiten diseñar y personalizar tu Galería Pro desde cero. Puedes elegir entre una amplia gama de estilos personalizables para presentar mejor tus archivos multimedia en dispositivos móviles.
Para personalizar el estilo de tu sitio móvil:
- Ve a tu Editor móvil:
- Editor de Wix: haz clic en el icono Cambiar a la versión móvil en la parte superior del Editor.
- Editor X: haz clic en el breakpoint correspondiente en la parte superior del Editor X.
- Haz clic en la Galería Wix Pro en tu Editor móvil.
- Haz clic en Ajustes.
- Selecciona un estilo para tu galería.
- Haz clic en Personalizar estilo para cambiar el diseño para que se vea exactamente como deseas (consulta Funciones de estilo personalizables a continuación).
Estilos predeterminados
Las plantillas preestablecidas incluyen una variedad de funciones de estilo integradas. Estos estilos de galería listos para usar te permiten acelerar el proceso para mostrar las imágenes en tu sitio. Si bien los estilos en sí no son personalizables, puedes personalizar el diseño de la galería desde la pestaña Diseño.
Para elegir un estilo preestablecido:
- Haz clic en la Galería Wix Pro en tu Editor móvil.
- Haz clic en Ajustes.
- Haz clic en la pestaña Predeterminado.
- Selecciona un estilo para tu galería.
Funciones de estilo personalizables
Cada estilo personalizable ofrece una variedad de opciones que puedes personalizar, incluida la dirección de desplazamiento, la dirección de la galería y la orientación de la imagen.
Haz clic en una de las opciones a continuación para obtener más detalles sobre ese estilo:
Usa el estilo Collage cuando desees mostrar las imágenes en diferentes orientaciones (tanto vertical como horizontal) colocadas al azar dentro de la galería.
- Dirección del desplazamiento: elige el desplazamiento vertical u horizontal.
- Orientación de la galería: elige si las fotos se mostrarán en forma vertical u horizontal.
- Deslizar automáticamente: elige mostrar tus elementos en una presentación de diapositivas continua:
- Intervalos: la galería se desliza al siguiente elemento después de la cantidad de tiempo elegida. Arrastra el control deslizante Tiempo entre imágenes para cambiar el número de segundos entre los elementos.
- De manera continua: La galería se desplaza automáticamente. Arrastra el control deslizante Velocidad de la presentación para ajustar la velocidad con la que se desplaza la galería.
- Tamaño de la miniatura: elige qué tan grandes son las imágenes en la galería.
- Espacio: elige cuánto espacio debe haber entre las imágenes.
- Densidad del collage: elige cuántas imágenes se mostrarán a la vez en la galería.
- Botón para Mostrar más: elige mostrar u ocultar el botón Mostrar más.
- Cuántas imágenes más se cargan: (esta opción solo es relevante si activaste la palanca del Botón para cargar más
- Todas las imágenes
- Una sección más (agrega otra sección del mismo tamaño que la galería original)
Usa el estilo Mosaico cuando desees mostrar imágenes de diferente orientación colocadas en columnas o filas.
- Orientación de la galería: elige si las fotos se mostrarán en forma vertical u horizontal.
- Tamaño de las miniaturas: elige el tamaño de las imágenes en la galería.
- Espacio: elige cuánto espacio quieres tener entre las imágenes.
- Botón para Mostrar más: elige mostrar u ocultar el botón Mostrar más.
- Cuántas imágenes más se cargan: (esta opción solo es relevante si activaste la palanca del Botón para cargar más
- Todas las imágenes
- Una sección más (agrega otra sección del mismo tamaño que la galería original)
Usa este estilo cuando desees que tus imágenes se muestren dentro de una cuadrícula.
- Dirección del desplazamiento: elige un desplazamiento vertical u horizontal.
- Cambiar el tamaño de miniatura:
- Recortar: puedes elegir la proporción de imagen.
- Ajustar: adapta el tamaño de la imagen al tamaño de la galería.
Nota: Las opciones Color y ancho del borde y Radio de la esquina solo están disponibles cuando eliges recortar las miniaturas en la configuración de tu estilo.
- Proporción de la imagen: elige entre las opciones de proporción de imagen disponibles, por ejemplo (4:3, 1:1).
- Deslizar automáticamente: elige mostrar tus elementos en una presentación de diapositivas continua:
- Intervalos: la galería se desliza al siguiente elemento después de la cantidad de tiempo elegida. Arrastra el control deslizante Tiempo entre imágenes para cambiar el número de segundos entre los elementos.
- Continuo: la galería se desliza automáticamente. Arrastra el control deslizante Velocidad de la presentación de diapositivas para ajustar la velocidad con la que se desliza la galería.
- Pausar al pasar el cursor: desliza la palanca para habilitar o deshabilitar que la presentación de diapositivas se pause cuando un visitante pasa el cursor sobre un elemento de la galería.
- Ajustar a la pantalla: muestra tantas imágenes como caben dentro de la galería con un tamaño fijo.
- Establecer elementos por fila: arrastra el control deslizante para mostrar más o menos imágenes por fila.
- Tamaño de la miniatura: elige qué tan grandes son las imágenes en la galería.
- Imágenes por columna: elige cuántas imágenes se muestran por columna (solo cuando se elige la orientación horizontal).
- Espacio: elige cuánto espacio quieres tener entre las imágenes.
- Botón para Mostrar más: elige mostrar u ocultar el botón Mostrar más (aparece solo si se elige la dirección de desplazamiento vertical).
- Cuántas imágenes más se cargan: (esta opción solo es relevante si activaste la palanca del Botón para cargar más
- Todas las imágenes
- Una sección más (agrega otra sección del mismo tamaño que la galería original).
Usa el estilo Miniaturas cuando desees mostrar varias miniaturas junto a la imagen seleccionada.
- Imágenes continuas: elige si deseas desactivar el botón "Siguiente" en la última imagen.
Nota: El botón "Izquierda" siempre se desactiva cuando llegas a la primera imagen mientras te desplazas hacia atrás. - Deslizar automáticamente: elige mostrar tus elementos en una presentación de diapositivas continua:
- Intervalos: la galería se desliza al siguiente elemento después de la cantidad de tiempo elegida. Arrastra el control deslizante Tiempo entre imágenes para cambiar el número de segundos entre los elementos.
- Continuo: la galería se desliza automáticamente. Arrastra el control deslizante Velocidad de la presentación de diapositivas para ajustar la velocidad con la que se desliza la galería.
- Pausar al pasar el cursor: desliza la palanca para habilitar o deshabilitar que la presentación de diapositivas se pause cuando un visitante pasa el cursor sobre un elemento de la galería.
- Tiempo entre imágenes : elige cuánto tiempo pasa antes de que la diapositiva cambie (aparece solo cuando la opción "Deslizar automáticamente" está activada).
Nota: Si quieres cambiar el efecto de transición, ve a la pestaña "Animación de diapositivas" en la configuración de Diseño. - Cambiar el tamaño de miniatura:
- Recortar: adapta el tamaño de la imagen al tamaño de la galería.
- Ajustar: muestra la imagen en su proporción original y la adapta al tamaño de la galería. Si hay demasiado espacio vacío alrededor de la imagen, debes aumentar la altura de la galería.
Nota: Las opciones Color y ancho del borde y Radio de la esquina solo están disponibles cuando eliges recortar las miniaturas en la configuración de tu estilo.
- Ubicación de la miniatura : elige dónde quieres que aparezcan las miniaturas en la pantalla (abajo, arriba a la izquierda o a la derecha de la imagen actual en pantalla).
- Tamaño de la miniatura: arrastra el control deslizante para elegir el tamaño de las imágenes en la galería.
Nota : Si solo tienes unas pocas imágenes y hay un espacio vacío debajo de la imagen principal, debes aumentar el tamaño de la miniatura. - Espaciado de miniaturas : arrastra el control deslizante para elegir cuánto espacio hay entre las imágenes.
- Número de ítems mostrados: arrastra el control deslizante para ajustar cómo se muestran las imágenes a la vez.
Nota: Actualmente, no es posible ajustar la alineación de las miniaturas. Si esto es algo que te gustaría ver en el futuro,
vota por esa función.
Usa el estilo Tipo cinta si deseas mostrar varias imágenes con un desplazamiento horizontal.
Nota: El número de imágenes que se muestran a la vez en este estilo depende del tamaño de la galería. Si algunas imágenes se ven cortadas, debes cambiar el tamaño de la galería. Otra solución es elegir "Recortar" y "Adaptable" en las opciones de estilo.
- Imágenes continuas: elige permitir que los visitantes se desplacen por tus imágenes en un bucle continuo.
- Deslizar automáticamente: elige mostrar tus elementos en una presentación de diapositivas continua:
- Intervalos: tu galería se desliza al siguiente elemento después de la cantidad de tiempo establecida. Arrastra el control deslizante Tiempo entre imágenes para cambiar el número de segundos entre los elementos.
- Continuo: la galería se desliza automáticamente. Arrastra el control deslizante Velocidad de la presentación de diapositivas para ajustar la velocidad con la que se desliza la galería.
- Pausar al pasar el cursor: desliza la palanca para habilitar o deshabilitar que la presentación de diapositivas se pause cuando un visitante pasa el cursor sobre un elemento de la galería.
- Tiempo entre imágenes: elige cuánto tiempo pasa antes de que la diapositiva cambie (aparece solo cuando se activa "Deslizar automáticamente").
- Cambiar el tamaño de miniatura:
- Recortar: elige si la proporción es fija o adaptable.
- Ajustar: muestra la imagen en su proporción original y la adapta al tamaño de la galería. Si hay demasiado espacio vacío alrededor de la imagen, debes aumentar la altura de la galería.
Nota: Las opciones Color y ancho del borde y Radio de la esquina solo están disponibles cuando eliges recortar las miniaturas en la configuración de tu estilo.
- Proporción de la imagen
- Responsive (adaptable): el tamaño de la imagen se ajustará automáticamente según el dispositivo del espectador.
- Fijo: elige entre las opciones de proporción de imagen disponibles, por ejemplo (4:3, 1:1). Las imágenes aparecerán en esta proporción en todos los dispositivos.
- Número de ítems mostrados: arrastra el control deslizante para ajustar cómo se muestran las imágenes a la vez; (esta opción solo está disponible cuando eliges una proporción de imagen adaptable)
- Espacio: elige cuánto espacio quieres tener entre las imágenes.
Usa el estilo Diapositivas si deseas mostrar una imagen a la vez con desplazamiento horizontal.
- Imágenes continuas: elige permitir que los visitantes se desplacen por tus imágenes en un bucle continuo.
- Deslizar automáticamente: elige mostrar tus elementos en una presentación de diapositivas continua:
- Intervalos: la galería se desliza al siguiente elemento después de la cantidad de tiempo elegida. Arrastra el control deslizante Tiempo entre imágenes para cambiar el número de segundos entre los elementos.
- Continuo: tu galería se desliza automáticamente. Arrastra el control deslizante Velocidad de la presentación de diapositivas para ajustar la velocidad con la que se desliza la galería.
- Pausar al pasar el cursor: desliza la palanca para habilitar o deshabilitar que la presentación de diapositivas se pause cuando un visitante pasa el cursor sobre un elemento de la galería.
- Tiempo entre imágenes: elige cuánto tiempo pasa antes de que la diapositiva cambie (aparece solo cuando la opción "Deslizar automáticamente" está activada).
Nota: si deseas cambiar el efecto de transición, dirígete a la pestaña "Animación de diapositivas" en la configuración de "Diseño". - Tamaño de la barra de información: agrega espacio para los iconos, el título y la descripción debajo de la galería.
- Botón de reproducción: agrega un botón para permitir a los visitantes pausar o reproducir la presentación de diapositivas; (esta opción solo está disponible cuando eliges habilitar Deslizar automáticamente).
- Cambiar el tamaño de miniatura:
- Recortar: adapta el tamaño de la imagen al tamaño de la galería.
- Ajustar: muestra la imagen en su proporción original y la adapta al tamaño de la galería. Si hay demasiado espacio vacío alrededor de la imagen, debes aumentar la altura de la galería.
Nota: Las opciones Color y ancho del borde y Radio de la esquina solo están disponibles cuando eliges recortar las miniaturas en la configuración de tu estilo.
Usa el estilo Franja si deseas mostrar varias imágenes en una columna.
- Número de elementos mostrados: elige cuántos elementos de la galería se muestran a la vez.
- Espacio: elige cuánto espacio quieres tener entre los elementos de tu galería.
- Botón para Mostrar más: elige mostrar u ocultar el botón Mostrar más.
- ¿Cuántas imágenes más se cargan?: (solo si se muestra el botón Mostrar más)
- Todas las imágenes
- Una sección más (agrega otra sección del mismo tamaño que la galería original).
Usa el estilo Columna si deseas mostrar varias imágenes a la vez en una fila.
- Imágenes continuas: elige permitir que los visitantes se desplacen por tus imágenes en un bucle continuo.
- Deslizar automáticamente: elige mostrar tus elementos en una presentación de diapositivas continua:
- Intervalos: la galería se desliza al siguiente elemento después de la cantidad de tiempo elegida. Arrastra el control deslizante Tiempo entre imágenes para cambiar el número de segundos entre los elementos.
- Continuo: la galería se desliza automáticamente. Arrastra el control deslizante Velocidad de la presentación de diapositivas para ajustar la velocidad con la que se desliza la galería.
- Pausar al pasar el cursor: desliza la palanca para habilitar o deshabilitar que la presentación de diapositivas se pause cuando un visitante pasa el cursor sobre un elemento de la galería.
- Espacio: elige cuánto espacio quieres tener entre las imágenes.
Ladrillos, Mix y Alternar
Usa estos estilos para mostrar elementos de la galería de diferentes tamaños y orientación uno al lado del otro.
- Número de ítems mostrados: elige cuántos elementos de la galería se muestran a la vez.
- Espacio: elige cuánto espacio quieres tener entre las imágenes.
Este estilo te permite cambiar el estilo a otro con un solo clic. Simplemente haz clic en Crea un estilo mágico para que el estilo de tu galería se cree de manera aleatoria.
Preguntas frecuentes
Haz clic en una de las siguientes preguntas para obtener más información sobre los estilos en la Galería Wix Pro:
¿Es adaptativa la Galería Wix Pro?
¿Por qué algunas de mis imágenes se recortan cuando la agrego a la Galería Wix Pro?
Puedes notar que las imágenes de tu galería aparecen recortadas, según el
estilo personalizado que elijas. Esto puede suceder cuando la orientación de las miniaturas en un estilo es diferente a la de las imágenes que subes.
Por ejemplo, seleccionas un estilo tipo Columna, que muestra todas las imágenes en orientación vertical, pero subes las imágenes con una orientación horizontal. Esto significa que parte de la imagen puede recortarse, para garantizar que se ajuste a los límites de la miniatura.
Para evitar que se recorten las imágenes:
- Haz clic en la Galería Wix Pro en el Editor.
- Haz clic en Ajustes.
- Haz clic en la pestaña Estilo.
- Haz clic en Personalizar estilo.
- Selecciona Ajustar debajo de Cambiar el tamaño de la miniatura.
Opciones adicionales al mantener tus imágenes recortadas:
- Ajusta el punto focal de tus imágenes para controlar mejor las partes de las imágenes que pueden ser recortadas.
- Ajusta la proporción de imagen (16:9, 4:3, 1:1, 3:4 o 9:16) aplicada a tu galería para que coincida mejor con la proporción y la orientación de las imágenes cargadas.