Créer un site responsive avec Site Creator

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édez à Site Creator:
  1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
  2. Cliquez directement sur le nom attribué au produit concerné.
  3. Cliquez sur Personnaliser mon site:
     

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, cliquez sur le bouton  …  bleu situé tout en bas du menu latéral gauche, pour développer les options de publication et prévisualisation:

Cliquez sur Aperçu puis en haut de page, cliquez sur le menu d'action à droite de Aperçu pour changer le type d'appareil de lecture.

Afficher votre site en largeur réduite

Vous pouvez réduire la largeur de votre site. Mais cet affichage au sein d'un "container" ou "boite" 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. 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, vous pouvez définir de ne afficher ce dernier que sur certains types d'appareil (mobiles p.ex):