Documentation du CMS Knowledge Place

Le Responsive Design

Prise en charge native du Responsive Design

Le Responsive Design, ou Design Réactif ou Adaptatif, consiste à utiliser des techniques de codage HTML et CSS pour que l’affichage d’un contenu s’adapte automatiquement en fonction de la taille, du format et de l’orientation de l’écran sur lequel il est consulté.

Avec l’usage croissant des tablettes et des smartphone dans la formation en ligne, le Responsive Design est aujourd’hui indispensable pour conjuguer efficacité des équipes de production et expérience utilisateur fluide.

Le CMS Knowledge Place fournit une prise en charge native du Responsive Design, sans aucune action requise de votre part.

A l’affichage, tous les Blocs placés sur vos Pages sont redimentionnés et redisposés automatiquement en fonction de la résolution, de la taille et de l’orientation de l’écran.

Personnalisation du Responsive Design

Pour les utilisateurs les plus exigeants, vous pouvez personnaliser l’apparence de vos Pages en fonction du type d’équipement utilisé.

Styles sur mobile

Pour définir des réglages spécifiques de style sur mobiles :

  • Cliquez sur le menu « Design -> Thème »
  • Dans le menu « Styles sur Mobile » du Personnaliseur de Thème, modifiez les valeurs des paramètres qui vont s’appliquer par défaut à toutes vos Pages

 

Afficher ou masquer un Bloc selon le type d’équipement

Avec le CMS Knowledge Place, vous pouvez modifier la composition de chaque Page en fonction du type d’équipement sur lequel elle va s’afficher, en choisissant de masquer certains Blocs selon le type d’équipement.

Pour chaque Bloc que vous souhaitez masquer selon le type d’équipement :

  • Ouvrir le panneau de configuration de ce Bloc en cliquant sur le menu « Hamburger » dans l’Editeur par Bloc ou l’icône « Engrenage » dans l’Editeur Visuel
  • Dans l’onglet « Avancé », aller à la section « Visibilité »
  • Cochez les cases correspondant aux types d’équipement sur lesquels le Bloc doit être masqué : « Téléphone », « Tablette » et « Bureau »

 

Réglages personnalisés selon le type d’équipement

Vous pouvez personnaliser certains paramètres d’affichage d’un Bloc en fonction du type d’équipement sur lequel il va s’afficher.

  • Ouvrir le panneau de configuration de ce Bloc en cliquant sur le menu « Hamburger » dans l’Editeur par Bloc ou l’icône « Engrenage » dans l’Editeur Visuel
  • Dans les onglets « Contenu » et « Design », une icône « Téléphone » s’affiche à la droite de certains paramètres dès que vous modifiez la valeur par défaut de ce paramètre
  • En cliquant sur cette icône, vous pouvez alors définir pour ce paramètre des valeurs spécifiques à chaque type d’équipement, « Bureau », « Tablette » et « Smartphone »

 

Documentation CMS

Consultez la documentation du CMS Knowledge Place pour concevoir vos formations Responsive Learning en mode collaboratif.

Exemples CMS

Découvrez les possibilités du CMS Knowledge Place à travers ces exemples consultables sur équipement fixe ou mobile.

Documentation metaLMS

Consultez la documentation du metaLMS Knowledge Place pour concevoir des Knowledge Places utilisables en toutes occasions, en ligne comme en présentiel, sur poste fixe, tablette ou smartphone.

knowledgeplaces.com

Retrouvez toute notre actualité sur notre site Web.