Editor de Wix Studio: acerca de las celdas y las cuadrículas
3 min de lectura
Las cuadrículas son una herramienta muy potente cuando hablamos sobre diseño adaptativo. La cuadrícula está compuesta por celdas, y cada elemento, o grupo de elementos, tiene su propia celda. Esto mantiene el diseño en su lugar en todos los tamaños de pantalla, lo que garantiza que los elementos no se superpongan.
Puedes agregar celdas para organizar una sección o aplicar una cuadrícula CSS avanzada para un control más preciso. La cuadrícula CSS también está disponible para elementos como contenedores y repetidores que no se pueden dividir en celdas.
Cuadrícula de sección
En el Editor de Wix Studio, las secciones vienen con una cuadrícula integrada, que contiene una sola celda (que alberga toda la sección). Divide el estilo de la sección en más celdas para darle una estructura adaptativa al contenido. Tienes varios estilos personalizables para elegir.
Después de elegir el estilo correspondiente, adáptalo a tus necesidades agregando nuevas celdas o dividiendo las existentes. Para ajustar el tamaño de cada celda, simplemente arrastra las líneas de la cuadrícula en el lienzo.
Cuadrícula CSS avanzada
¿Necesitas un control más preciso de la cuadrícula de las secciones? Cambia a una cuadrícula CSS avanzada para ajustar las filas, las columnas y su tamaño con medidas avanzadas (por ejemplo, fr, mín./máx., %). Puedes adaptar esta configuración para cada breakpoint, de manera que la cuadrícula tenga sentido en todos los tamaños de pantalla.
Aplica una cuadrícula CSS avanzada en una sección completa, o solo en una celda específica. También es una forma de agregar una cuadrícula a otros elementos además de las secciones, como un contenedor o un repetidor. Si la opción está disponible, puedes encontrarla en la sección Estilo en el panel Inspector profesional.
Preguntas frecuentes
Haz clic en una de las siguientes preguntas para obtener más información sobre las cuadrículas en el Editor de Wix Studio.
¿Cómo sé qué cuadrícula es la adecuada para una sección?
¿Cambiar a una cuadrícula CSS interfiere con el diseño existente?
¿Estás tratando con elementos superpuestos?
Echa un vistazo a nuestro video de solución de problemas (contenido en inglés) para obtener más información sobre qué verificar y cómo resolver este problema.
¿Te ha sido útil?
|