Aplica a: SitioSimple · Interfaz: constructor de SitioSimple · Tiempo estimado: lectura
¿Qué vas a lograr?
Configurar tu sitio en SitioSimple para que se vea correctamente en computadoras, tablets y celulares, ajustando el contenido según el tipo de dispositivo.
Qué es el diseño responsive
El diseño responsive permite que tu sitio se ajuste automáticamente al tamaño de la pantalla del visitante. Todas las plantillas de SitioSimple son responsive por defecto — el catálogo de productos y el blog se adaptan solos sin que necesites hacer ajustes adicionales.
Sin embargo, que la plantilla sea responsive no significa que el contenido se vea idéntico en todos los dispositivos. SitioSimple te permite personalizar componentes específicos según el tipo de pantalla para garantizar una experiencia óptima en cada uno.
Cómo adaptar el contenido según el dispositivo
Previsualizar en diferentes dispositivos
Usá el ícono de previsualización en el editor para ver cómo queda tu sitio en móvil, tablet y escritorio antes de publicar.
Editar la visibilidad de un componente por dispositivo
Seleccioná el componente que querés editar
Andá a la pestaña Avanzado
Ajustá la visibilidad según el dispositivo — podés hacer que un componente se muestre solo en computadoras, solo en celulares y tablets, o en todos
Por ejemplo: podés usar una galería de imágenes que solo se muestra en computadoras, y un slider de imágenes en columnas que solo se muestra en celulares y tablets — así el contenido no se vuelve demasiado extenso en pantallas pequeñas.
Qué podés personalizar por dispositivo
Tamaño de fuentes — usá tipografía más pequeña en móviles y más grande en escritorio
Espaciado y diseño — modificá el tamaño de los contenedores y cómo se visualizan (vertical u horizontal)
Proporción de imágenes — cambiá la orientación del recorte (vertical u horizontal) según el dispositivo
Componente Apilamiento — ordená los componentes en línea horizontal o vertical según la pantalla
Limitaciones
El catálogo de productos no permite adaptar su contenido por dispositivo — su estructura está predefinida por el sistema
El encabezado tampoco permite configuraciones específicas por tipo de dispositivo
Consejos para un sitio responsive efectivo
En dispositivos móviles el espacio es limitado — priorizá el contenido más importante y asegurate de que sea fácil de acceder. Simplificá la navegación usando menús desplegables y botones de buen tamaño. Probá tu sitio en dispositivos reales además de usar la previsualización del editor.