Les outils de productivité de l’Éditeur Visuel

Les outils de productivité de l’Éditeur Visuel

Le Layers Panel

Le Layers Panel permet l’affichage de la page sous forme de couches (Sections, Lignes, Colonnes, Modules).
Le contenu de la page s’affiche sous forme d’arborescence que vous pouvez réorganiser rapidement.

Pour accéder au panneau Layers :

  1. Cliquez sur l’icône violette 3 points, affichée en bas au centre de l’écran, pour faire apparaître tous les boutons et icônes
  2. Cliquez sur l’icône couches  située en bas à droite de l’écran
Les différentes fonctionnalités

Depuis le panneau Layers (Couches) différentes fonctionnalités permettent d’apporter rapidement des modifications à votre page.

 

  1. Cliquez sur Open/Close All, pour afficher ou masquer l’arborescence de la page.
  2. Cliquez sur le titre d’un Bloc pour activer les différents icônes situées à droite.
  3. L’icône engrenage affiche la fenêtre des paramètres
  4. L’icône Copier/Coller permet de dupliquer le Bloc
  5. L’icône poubelle permet de supprimer le Bloc
  6. Survolez le titre du Bloc afin d’afficher en bout de ligne le bouton + il permet d’ajouter un nouveau module à la suite
  7. L’option Search Layers permet de rechercher une couche en particulier en saisissant son titre dans le champ
  8. Cliquez sur le bouton Filtre pour afficher un élément en particulier

Filtres rapides avec champ de recherche

Le bouton Filtre permet d’afficher et de vérifier ou de mettre à jour différentes propriétés.

Depuis la fenêtre des paramètres :

  1. Cliquez sur le bouton Filtre
  2. Sélectionnez l’une des 4 options proposées dans la liste :
       – Copier les styles de module
       – Styles / contenu réactifs
       – Survol Styles / contenu
       – Contenu du fichier audio

Copier les styles de module

Cette option permet d’afficher toutes le propriétés de style qui ont été modifiées. Vous avez, depuis cette fenêtre, la possibilité de les vérifier ou de les mettre à jour.

Styles / contenus réactifs

Cette option affiche les propriétés de style qui ont été modifiées pour le responsive design, en fonction du type d’équipement utilisé : tablette, smartphone, bureau.

Dans l’exemple ci-dessous il n’y a pas de modifications apportées en fonction du type d’équipement.

 

Survol  Styles / contenu

Cette option permet d’afficher toutes les propriétés de style qui ont été modifiées au survol.

 

Contenu du fichier audio (Contenu actif)

Cette option concerne uniquement ce qui a été modifié au niveau du contenu.

 

Option champ de recherche

Si plusieurs propriétés de styles ont été modifiées, il est possible d’affiner la recherche à l’aide du champ de recherche.

  1. Cliquez sur Filtre et sélectionnez l’option concernée
  2. Saisir le nom d’une propriété dans le champ Option de recherche
  3. Seule la propriété de style demandée dans le champ de recherche apparait

 

La fonction Rechercher et remplacer 

 La fonction Rechercher et remplacer est disponible depuis n’importe quelle propriété. Elle n’est possible que sur les propriété qui ont déjà été modifiées.

  1. Sélectionnez l’option d’une propriété, dans cet exemple la couleur du texte
  2. Cliquez sur l’icône trois points
  3. Sélectionnez l’option Rechercher et remplacer
  4. Sélectionnez l’emplacement et l’élément de remplacement
  5. Modifiez la couleur du texte
  6. Cliquez sur le bouton Remplacer

Glisser-déposer de fichier dans la page

Il est possible de créer du contenu dans une page à partir de glisser-déposer. Cette fonctionnalité facilite le téléchargement de fichiers sur votre page et transforme automatiquement ces fichiers en modules.
Les formats de fichier audio et vidéo les plus répandus sont supportés ainsi que les supports de format texte brut.

Glisser-déposer un fichier
  1. Depuis l’explorateur de fichiers sélectionnez le fichier à déplacer
  2. Glissez-déposez, dans cet exemple, l’image sur la page
  3. La fenêtre des paramètres du module image s’ouvre automatiquement
Glisser-déposer plusieurs fichiers simultanément

Il est possible de glisser-déposer plusieurs fichiers à la fois. Dans le cas de fichiers similaires, comme des images, un module Galerie est créé automatiquement.

  1. Depuis l’explorateur de fichiers sélectionnez les fichiers images à déplacer
  2. Glissez-déposez les images sur la page
  3. La fenêtre des paramètres du module Galerie s’ouvre automatiquement
Glisser-déposer un fichier au format texte brut

Il est possible de glisser-déposer des fichiers textes. 

  1. Depuis l’explorateur de fichiers sélectionnez le fichier texte à déplacer
  2. Glissez-déposez le fichier sur la page
  3. La fenêtre des paramètres du module Texte s’ouvre automatiquement

Multi sélection de blocs

Les fonctionnalités sélection multiple et édition de masse permettent de sélectionner plusieurs éléments en même temps et d’effectuer des actions groupées sur l’ensemble du groupe d’éléments. Il est également possible de Glisser déplacer, Copier, Coller, Supprimer en masse.

Sélection multiple
  1. Maintenez la touche ctrl ou shift de votre clavier appuyée + clic et sélectionnez plusieurs modules 
Édition en masse

Après avoir sélectionné plusieurs modules à modifier :

  1. Maintenez la touche ctrl ou shift de votre clavier appuyée et cliquez sur l’icône engrenage pour afficher automatiquement la fenêtre Éléments Paramètres (paramètres partagés) :
  2. Modifiez en masse la conception des modules sélectionnés

 

Actions rapides

La fonctionnalité Actions rapides permet de trouver et naviguer vers des éléments, des options et des pages spécifiques.

Pour utiliser la fonctionnalité d’actions rapides, appuyez sur Maj + Espace ou :

 

  1. Cliquez sur l’icône violette 3 points, affichée en bas au centre de l’écran, pour faire apparaître tous les boutons et icônes.
  2. Cliquez sur l’icône loupe   située en bas à droite de l’écran.
  3. Sélectionnez, dans la fenêtre qui s’affiche, l’option de recherche de votre choix