Ce guide détaille le comportement de Site Creator Infomaniak et du site créé avec, face aux différents formats et résolutions d'écran.

Prérequis

• Accéder à Site Creator:
  • Cliquer ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  • Cliquer directement sur le nom attribué au Site Creator concerné.
  • Cliquer sur le bouton Éditer mon site pour démarrer l'éditeur:
    

Visualiser le site sur différents appareils

Les sites créés avec Site Creator sont automatiquement adaptés aux navigateurs quel que soit leur support (ordinateur, appareil mobile, tablette, grand et petit écran, etc.). Mais ils peuvent réagir différemment selon certains paramètres que vous pouvez régler.

Pour prévisualiser la version du site en fonction du support de lecture:

1. Cliquez sur le bouton ••• situé tout en bas du menu latéral gauche, pour développer les options de publication et prévisualisation:
   
2. Cliquez sur Aperçu:
   
3. En haut de page, cliquez sur le menu d'action ⋮ à droite de Aperçu pour changer le type d'appareil de lecture.
4. Cliquez sur les différentes icônes d'appareil pour simluer les différents formats de lecture (mobile, vertical, horizontal…):
   

Afficher votre site en largeur réduite

Vous pouvez réduire la largeur de votre site, au sein d'un "container" ou “boite”. Cet affichage spécial ne sera visible que sur les écrans larges type ordinateur de bureau:

1. Cliquez sur le bouton Design dans le menu latéral gauche.
2. Cliquez sur Plus de paramètres.
3. Activez le bouton à bascule (toggle switch) de l'affichage Container:
   
4. Enregistrez les modifications en bas de page.

Masquer un bloc de contenu selon le type d'appareil

Dans les options d'un bloc de contenu, en désactivant la visibilité par défaut, vous pourrez alors définir en-dessous de n'afficher ce dernier que sur certains types d'appareil (mobiles par exemple):