Documentation du CMS Knowledge Place

L’Editeur Visuel

Accéder à l’Editeur Visuel

Pour accéder à l’Editeur Visuel :

  • Ajoutez une nouvelle Page ou modifiez une Page existante
  • L’Editeur par Bloc est affiché
  • Cliquez sur le bouton « Utiliser le Visual Builder »

L’Editeur Visuel est affiché.

Pour accéder aux différentes fonctions de l’Editeur Visuel, cliquez sur l’icône violet affiché en bas de votre écran.

De nouveaux éléments cliquables sont affichés à gauche, au centre et à droite de l’écran.

La barre d’outils de l’Editeur Visuel est affichée en bas à gauche de votre écran et vous permet de choisir le mode de travail que vous souhaitez utiliser dans l’Editeur Visuel :

  • Mode « Survol » ou « Hover mode » : dans ce mode, le survol de la souris sur un Bloc de type Section, Ligne ou Module affiche une barre d’icônes pour ce Bloc
  • Mode « Clic » ou « Click Mode » : dans ce mode, le clic de la souris sur un Bloc de type Section, Ligne ou Module affiche une barre d’icônes pour ce Bloc
  • Mode « Grille » ou « Grid Mode » : dans ce mode, les barres d’icônes de tous les Blocs de la Page sont affichés simultanément

La barre d’outils vous permet également de bénéficier d’un aperçu Responsive Design de vos Pages dans différents modes, poste fixe, tablette et smartphone.

Pour masquer la barre d’outils et les autres éléments affichés, cliquez sur l’icône « X » en bas au centre de l’écran.

Ajouter des Blocs

Pour ajouter une Section :

  • Survolez une Section déjà existante
  • Cliquez sur l’icône cercle bleu (+) qui s’affiche en bas de cette Section

Une  nouvelle Section est ajoutée en dessous de la Section déjà existante.

Après avoir ajouté une Section, vous pouvez lui ajouter des Lignes.

Pour ajouter une Ligne à une Section :

  • Cliquez sur l’icône cercle vert (+) qui s’affiche à l’intérieur de n’importe quelle Section vide ou lors du survol d’une Ligne déjà existante
  • Cliquez sur l’icône cercle vert (+)
  • Choisissez le colonnage souhaité pour cette Ligne, puis le premier Module que vous souhaitez y ajouter

Une Section peut contenir plusieur Lignes et vous pouvez combiner des Lignes avec des nombres de Colonnes différents pour créer des mises en page variées.

Après avoir ajouté des Lignes, vous pouvez y placer des Modules.

Les Modules peuvent être ajoutés à l’intérieur de chaque Colonne de chaque Ligne, et chaque Colonne peut contenir plusieurs Modules.

  • Les Modules sont les Blocs de base de votre Page, ils en constituent le contenu
  • Le CMS Knowledge Place est livré avec plus de 30 Modules différents que vous pouvez utiliser comme vous le souhaitez
  • Vous pouvez utiliser des Modules de base tels que le texte, les images et les boutons, ou des Modules plus avancés, comme Diaporama et Portefeuille.

Pour ajouter un Module :

  • Cliquez sur l’icône cercle gris (+) qui existe à l’intérieur de n’importe quelle Colonne vide ou lors du survol d’un Module déjà existant
  • Un panneau vous permet de choisir le Module à ajouter, et un champ de recherche vous permet de retrouver rapidement un Module en tapant tout ou partie de son nom
  • Choisissez le Module désiré

Il est ajouté à votre Page et le panneau de configuration du Module apparaît.

Modifier la disposition des Blocs

Vous pouvez modifier la disposition des Blocs par glisser-déplacer. Vous pouvez par exemple :

  • Déplacer une Section au-dessus ou en dessous d’une autre Section
  • Déplacer une Ligne au sein de sa Section ou dans une autre Section
  • Déplacer un Module dans une autre Colonne, Ligne ou Section

Pour déplacer un Bloc :

  • Passez votre souris au dessus du Bloc à déplacer
  • Déplacez le Bloc en cliquant sur l’icône « Double Croix Fléchée » et en maintenant le bouton de souris appuyé
  • Relachez le bouton de souris lorsque le Bloc est à l’emplacement souhaité

Si votre Page comporte des Sections standards et des Sections en pleine largeur, vous ne pouvez pas :

  • Déplacer un Module en pleine largeur au sein d’une Section standard
  • Déplacer un Module standard au sein d’une Section en pleine large

 

Configurer et personnaliser les Blocs

Chaque Section, Ligne et Module peut être personnalisée de différentes façons.

Vous pouvez accéder au panneau de configuration d’un Bloc en cliquant sur l’icône « engrenage » qui s’affiche en survol de n’importe quel Bloc de la Page.

Cela va afficher le panneau de paramètres pour le Bloc spécifié.

Chaque panneau de configuration est divisé en trois onglets : Contenu, Style et Avancé.

Chaque onglet est organisé en volets que vous pouvez ouvrir ou fermer avec un clic de la souris.

  • L’onglet Contenu est celui où vous pouvez ajouter du contenu, comme les images, les vidéos, les liens et les étiquettes d’administration
  • L’onglet Style est celui où nous avons placé tous les paramètres de conception intégrés pour chaque type de Bloc. Selon ce que vous éditez, vous pouvez contrôler une grande variété de paramètres de conception en un clic : la typographie, l’espacement (rembourrage et marge), les styles de bouton, et bien plus encore
  • Enfin, si vous voulez encore plus de contrôle, vous pouvez vous diriger vers l’onglet Avancé où vous pouvez appliquer un CSS personnalisé, ajuster la visibilité en fonction du périphérique et, selon l’élément que vous éditez, faire des réglages encore plus précis

 

Personnaliser l’Editeur Visuel

Pour personnaliser l’Editeur Visuel, cliquer sur l’icône avec les 3 points affichée le plus à gauche de la barre d’outils de l’Editeur Visuel, en bas à gauche de votre écran.

La fenêtre « Builder Settings » est affichée.

  • Barre d’outils « Customize Builder Settings Toolbar » : cette barre vous permet d’activer ou désactiver les fonctions que vous souhaitez voir apparaître en permanence dans la barre d’outils de l’Editeur *
  • Champ « Builder Default Interaction Mode » : ce champ vous permet de définir le mode de travail par défaut dans l’Editeur Visuel
  • Champ « Historic State Interval » : ce champ vous permet de définir la fréquence de création de l’état de l’historique pour rendre cette liste plus gérable et améliorer les performances sur les anciens ordinateurs
  • Champ « Settings Modal Default Position » : ce champ vous permet de définir la position modale par défaut du panneau de configuration
  • Champ « Group Settings into Closed Toggles » : ce champ vous permet de choisir si les volets des onglets des panneaux de configuration doivent être ouverts ou fermés par défaut à l’ouverture du panneau de configuration
  • Champ « Show disabled Modules at 50% » : ce champ vous permet d’activer un affichage avec une opacité de 50% pour les Modules qui sont désactivés, ou de laisser ces Modules masqués

 

Personnaliser les Paramètres de la Page

En bas au centre de l’écran, cliquez sur l’icône  » Engrenage » apour ouvrir les paramètres de votre Page.

IVous pouvez définir différents paramètres tels que la couleur d’arrière-plan de la Page et la couleur du texte.

Quitter l’Editeur Visuel

Pour enregistrer votre Page, cliquez sur le bouton « Enregistrer » affiché en bas à droite de l’écran.

Pour quitter l’Editeur Visuel et revenir à l’Editeur par Bloc :

  • Cliquez sur le lien « Modifier la page » affiché en haut de page

Pour quitter l’Editeur Visuel et revenir à la liste des Pages, Pages de Knowledge Places, Projets ou Articles :

  • Cliquez sur le bouton « Toutes les Pages »

Si vous quittez l’Editeur Visuel sans avoir sauvegardé votre travail, une alerte s’affiche automatiquement et vous propose d’annuler ou de sauvegarder les changements effectués.

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.