Esta guía detalla el comportamiento de Site Creator de Infomaniak y del sitio web creado con él, en relación con los diferentes formatos y resoluciones de pantalla.

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager de Infomaniak (¿necesita ayuda?).
  • Haga clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Visualizar el sitio en diferentes dispositivos

Los sitios web creados con Site Creator se adaptan automáticamente a los navegadores, independientemente del dispositivo (ordenador, dispositivo móvil, tableta, pantalla grande y pequeña, etc.). Sin embargo, pueden reaccionar de forma diferente según ciertos parámetros que puede configurar.

Para previsualizar la versión del sitio en función del dispositivo:

1. Haga clic en el botón ••• situado en la parte inferior del menú lateral izquierdo para expandir las opciones de publicación y previsualización:
   
2. Haga clic en Vista previa:
   
3. En la parte superior de la página, haga clic en el menú de acción ⋮ a la derecha de Vista previa para cambiar el tipo de dispositivo.
4. Haga clic en los diferentes iconos de dispositivos para simular los diferentes formatos de visualización (móvil, vertical, horizontal, etc.):
   

Mostrar su sitio en un ancho reducido

Puede reducir el ancho de su sitio dentro de un "contenedor" o “cuadro”. Esta visualización especial solo será visible en pantallas grandes, como las de los ordenadores de escritorio:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Más parámetros.
3. Active el interruptor de la visualización de contenedor:
   
4. Guarde los cambios en la parte inferior de la página.

Ocultar un bloque de contenido según el tipo de dispositivo

En las opciones de un bloque de contenido, al desactivar la visibilidad predeterminada, podrá definir a continuación que este bloque se muestre solo en ciertos tipos de dispositivos (por ejemplo, en dispositivos móviles):