Galería Wix Pro: elegir un estilo de Galería Wix Pro (Personalizado vs. Predeterminado)
13 min de lectura
La Galería Wix Pro ofrece varios impresionantes estilos. Elige entre un estilo personalizado o predeterminado para mostrar tus archivos multimedia.
Los estilos personalizados permiten la personalización completa de aspectos como el espaciado, la dirección y la orientación de la galería. Con un estilo preestablecido, la mayor parte del trabajo ya está hecho por ti, lo que significa que el estilo en sí no es personalizable, pero el diseño aún está en tus manos.
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 Wix Pro desde cero. Cada estilo personalizado ofrece una variedad de opciones que puedes personalizar. Elige entre estilos de galería estáticos o deslizantes, o selecciona el estilo Mágico y permítenos generar un estilo único para ti.
Para elegir un estilo personalizado:
- Ve al editor.
- Haz clic en el elemento Galería Wix Pro en tu página.
- Haz clic en Ajustes.
- Haz clic en la pestaña Estilo.
- Selecciona un estilo para tu galería.
- Haz clic en Personalizar estilo para cambiar el estilo y que se vea exactamente como lo deseas. Haz clic en uno de los siguientes estilos para obtener más información sobre sus funciones:
Collage
Usa el estilo Collage cuando desees mostrar imágenes de diferente orientación (tanto vertical como horizontal), colocadas al azar dentro de la galería.
- Dirección de desplazamiento: elige un 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: (esta opción solo está disponible si eliges Horizontal como dirección de desplazamiento). Opta por mostrar los 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 tiempo en segundos entre los elementos. Nota: Si deseas cambiar el efecto de transición, ve a la pestaña "Animación de desplazamiento" en los ajustes de Diseño.
- De manera continua: la galería se desliza automáticamente. Arrastra el control deslizante de Velocidad de la presentación para ajustar la velocidad con la que se desliza la galería.
- Pausa al pasar el cursor: habilita la palanca para que la presentación de diapositivas se pause cuando un visitante pasa el cursor sobre un elemento de 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 quieres tener entre las imágenes.
- Densidad del collage: elige cuántas imágenes se mostrarán a la vez en la galería.
- ¿Cuántas imágenes más se cargan?: (esta opción solo está disponible si eliges habilitar 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)
Mosaico
Utiliza el estilo Mosaico cuando desees mostrar imágenes de diferente orientación 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.
- Ajustes de diseño: opta por ajustar la galería a la pantalla o establecer manualmente el número de elementos por fila:
- Ajustar a la pantalla: la Galería Wix Pro optimiza automáticamente el estilo de la galería para que se ajuste a la pantalla del visitante.
- Establecer elementos por fila: puedes elegir cuántas imágenes se muestran por fila en todos los dispositivos.
- Imágenes por fila: aumenta o disminuye la cantidad de imágenes que se muestran por fila.
- Espacio: elige cuánto espacio debe haber entre las imágenes.
- Botón para Mostrar más: opta por mostrar u ocultar el botón para Mostrar más.
- ¿Cuántas imágenes más se cargan?: (esta opción solo está disponible si eliges habilitar Botón para mostrar más). Elige cuántas imágenes se cargan cuando los visitantes hacen clic en el botón para 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)
Cuadrícula
Usa este estilo cuando desees que tus imágenes se muestren dentro de una cuadrícula.
- Dirección de 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 en la pestaña Estilo del elemento cuando eliges recortar las miniaturas en los ajustes de tu diseño.
- Proporción de la imagen: elige entre las opciones de proporción de imagen disponibles, por ejemplo (4:3, 1:1).
- Deslizar automáticamente: (esta opción solo está disponible si eliges Horizontal como dirección de desplazamiento). Opta por mostrar los elementos en una presentación de diapositivas continua:
- Por 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. Nota: Si deseas cambiar el efecto de transición, ve a la pestaña "Animaciones de diapositivas" en los ajustes de Diseño.
- De manera continua: la galería se desliza automáticamente. Arrastra el control deslizante de Velocidad de la presentación para ajustar la velocidad con la que se desliza la galería.
- Pausa al pasar el cursor: habilita la palanca para 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.
Nota: Actualmente, no es posible mostrar más de 5 imágenes por fila en una Galería Pro con un diseño de cuadrícula. Si esto es algo que te gustaría ver en el futuro, vota por esa función. - 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.
- ¿Cuántas imágenes más se cargan?: (esta opción solo está disponible si eliges habilitar botón para Mostrar más). Elige cuántas imágenes se cargan cuando los visitantes hacen clic en 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).
Miniaturas
Usa el estilo Miniaturas cuando desees mostrar varias miniaturas junto a la imagen seleccionada.
- Proporción de la galería:
- Manual: ajusta libremente la altura y el ancho de tu galería.
- Fijo: mantén la misma proporción en cualquier tamaño de pantalla usando una de las proporciones sugeridas.
- 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 en la pestaña Estilo del elemento cuando eliges recortar las miniaturas en los ajustes de tu diseño.
- Ubicación de la miniatura: elige dónde quieres que aparezcan las miniaturas en la pantalla (abajo, a la izquierda, arriba 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. - 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: (esta opción solo está disponible si eliges Horizontal como dirección de desplazamiento). Opta por mostrar los elementos en una presentación de diapositivas continua:
- Por 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.
Nota: Si deseas cambiar el efecto de transición, ve a la pestaña "Animaciones de diapositivas" en los ajustes de Diseño. - De manera continua: la galería se desliza automáticamente. Arrastra el control deslizante de Velocidad de la presentación para ajustar la velocidad con la que se desliza la galería.
- Pausa al pasar el cursor: habilita la palanca para que la presentación de diapositivas se pause cuando un visitante pasa el cursor sobre un elemento de la galería.
- Por 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.
- Espaciado de miniaturas: arrastra el control deslizante para elegir cuánto espacio hay entre las imágenes.
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.
Tipo cinta
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 diseño 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 para el cambio de tamaño de la miniatura y Responsive (adaptable) a la proporción de la imagen en los ajustes de Estilo.
- Proporción de la galería:
- Manual: ajusta libremente la altura y el ancho de tu galería.
- Fijo: mantén la misma proporción en cualquier tamaño de pantalla usando una de las proporciones sugeridas.
- 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 en la pestaña Estilo del elemento cuando eliges recortar las miniaturas en los ajustes de tu diseño.
- 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.
- 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: (esta opción solo está disponible si eliges Horizontal como dirección de desplazamiento). Opta por mostrar los elementos en una presentación de diapositivas continua:
- Por 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. Nota: Si deseas cambiar el efecto de transición, ve a la pestaña "Animaciones de diapositivas" en los ajustes de Diseño.
- De manera continua: la galería se desliza automáticamente. Arrastra el control deslizante de Velocidad de la presentación para ajustar la velocidad con la que se desliza la galería.
- Pausa al pasar el cursor: habilita la palanca para 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.
Diapositivas
Usa el estilo Diapositivas si deseas mostrar una imagen a la vez con desplazamiento horizontal.
- Proporción de la galería:
- Manual: ajusta libremente la altura y el ancho de tu galería.
- Fijo: mantén la misma proporción en cualquier tamaño de pantalla usando una de las proporciones sugeridas.
- 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 los ajustes de tu estilo.
- 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: (esta opción solo está disponible si eliges Horizontal como dirección de desplazamiento). Opta por mostrar los elementos en una presentación de diapositivas continua:
- Por 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. Nota: Si deseas cambiar el efecto de transición, ve a la pestaña "Animaciones de diapositivas" en los ajustes de Diseño.
- De manera continua: la galería se desliza automáticamente. Arrastra el control deslizante de Velocidad de la presentación para ajustar la velocidad con la que se desliza 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).
- Pausa al pasar el cursor: habilita la palanca para que la presentación de diapositivas se pause cuando un visitante pasa el cursor sobre un elemento de la galería.
Consejo: Cuando configuras la presentación de diapositivas para que se deslice automáticamente, tienes la opción de mostrar un contador de diapositivas en la galería desde la pestaña Textos en la sección 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.
Franja
Usa el estilo Franja si deseas mostrar varias imágenes en una columna.
- 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?: (esta opción solo está disponible si eliges habilitar botón para Mostrar más). Elige cuántas imágenes se cargan cuando los visitantes hacen clic en 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).
Columna
Usa el estilo Columna si deseas mostrar varias imágenes a la vez en una fila.
- Proporción de la galería:
- Manual: ajusta libremente la altura y el ancho de tu galería.
- Fijo: mantén la misma proporción en cualquier tamaño de pantalla usando una de las proporciones sugeridas.
- Imágenes continuas: elige permitir que los visitantes se desplacen por tus imágenes en un bucle continuo.
- Deslizar automáticamente: (esta opción solo está disponible si eliges Horizontal como dirección de desplazamiento). Opta por mostrar los elementos en una presentación de diapositivas continua:
- Por 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. Nota: Si deseas cambiar el efecto de transición, ve a la pestaña "Animaciones de diapositivas" en los ajustes de Diseño.
- De manera continua: la galería se desliza automáticamente. Arrastra el control deslizante de Velocidad de la presentación para ajustar la velocidad con la que se desliza la galería.
- Pausa al pasar el cursor: habilita la palanca para 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.
- 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 está disponible si eliges habilitar botón para Mostrar más). Elige cuántas imágenes se cargan cuando los visitantes hacen clic en 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).
Mágico
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.
Estilos predeterminados
Estos estilos de galería listos para usar te permiten acelerar el proceso de mostrar tus imágenes en tu sitio. Las plantillas preestablecidas vienen en pantallas horizontales y verticales e incluyen una variedad de estilos de diseño integradas.
Para elegir un estilo predeterminado:
- Ve al editor.
- Haz clic en el elemento Galería Wix Pro en tu página.
- Haz clic en Ajustes.
- Haz clic en la pestaña Estilo.
- Haz clic en la pestaña Predeterminado.
- Selecciona un estilo para tu galería.
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?
Si creas tu Galería Wix Pro en el Editor de Wix, esta se comporta de manera adaptativa cuando eliges ciertos estilos y la configuras en Ancho total. Esto significa que la posición de los elementos de la galería y su tamaño pueden cambiar cuando cambia el tamaño de la ventana del navegador en todos los dispositivos. Más información sobre la capacidad de respuesta en la Galería Wix Pro en el Editor de Wix.
Si creas tu galería Wix Pro en el Editor de Wix Studio, hay muchas formas diferentes de asegurarte de que la galería se adapte a todos los tamaños de pantalla. Más información sobre la capacidad de respuesta en la Galería Wix Pro en el Editor de Wix Studio.
¿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, si seleccionas un diseño de control deslizante, 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 se puede recortar 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 la pestaña Estilo.
- Selecciona Ajustar debajo de Cambiar el tamaño de la miniatura.
Nota: Los estilos de tipo Franja, Columna, Ladrillos, Mix, Alternar y Mágico tienen proporciones de imagen bloqueadas. Esto significa que las imágenes se recortarán automáticamente para que quepan dentro de los límites 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.
¿Te ha sido útil?
|