Aujourd’hui, nous allons vous entretenir sur Divi Layers View, un tout nouveau panneau d’édition dans le générateur qui vous permet de visualiser, naviguer, organiser et modifier rapidement vos pages dans une interface de couches imbriquées. Vous pouvez explorer votre contenu à l’intérieur du panneau des calques tout en modifiant visuellement votre page. Cela apporte la simplicité et l’efficacité de l’édition basée sur des blocs et la combine avec la nature intuitive du constructeur visuel, vous offrant le meilleur des deux mondes ! Le panneau des calques consolide les pages longues et complexes et vous permet de les parcourir et de les éditer avec une nouvelle efficacité.
Comment accéder à la vue des calques
Pour utiliser le nouveau panneau de calques, cliquez simplement sur l’icône de nouveaux calques ou faites un clic droit sur n’importe quel élément et choisissez «Aller au calque» pour localiser cet élément dans la fenêtre des calques. Cela vous donnera une vue organisée de tout le contenu de votre page dans une fenêtre condensée.
Affichez la structure de votre page et accédez rapidement à n’importe quel élément
Le panneau des calques vous offre une vue structurée du contenu de votre page, organisée et facile à comprendre. Vous pouvez creuser à l’intérieur de chaque section pour révéler les lignes, colonnes et modules imbriqués. Vous pouvez également rechercher le panneau des calques pour trouver rapidement ce que vous recherchez ou filtrer le panneau des calques pour révéler des sections, des lignes ou des modules spécifiques. Si vous cliquez sur quelque chose dans le panneau des calques, il fera automatiquement défiler votre page jusqu’à l'emplacement de cet élément afin que vous puissiez le modifier à l’aide de Visual Builder.
- Afficher la structure de votre page – Le panneau des couches affiche tous les éléments d’une liste organisée et imbriquée qui présente clairement la structure de votre page.
- Rechercher des éléments – Vous recherchez un élément particulier sur une page longue et complexe? Recherchez simplement le panneau des calques pour le trouver rapidement, accédez à sa position sur la page et commencez à le modifier.
- Filtrer les éléments par type – Vous souhaitez localiser rapidement tous les modules de boutons sur votre page? Filtrez le panneau des calques par « bouton » pour les voir tous dans une liste organisée!
- Naviguez rapidement dans votre page – Il est parfois difficile de trouver ce que vous cherchez sur une longue page. Au lieu de faire défiler la page vers le haut ou vers le bas dans la recherche, cliquez simplement sur la section dans le panneau des couches pour naviguer instantanément jusqu’à sa position.
Organisez les éléments et renommez rapidement les calques
Les éléments peuvent être facilement organisés dans le panneau des calques. Les sections, lignes, colonnes et modules peuvent tous être réorganisés par glisser-déposer. La vue condensée et ordonnée des panneaux de couches facilite le déplacement de certains éléments. Vous pouvez également renommer rapidement des éléments dans le panneau des calques. Cliquez simplement sur le nom d’un élément pour ajuster son étiquette d’administration.
- Renommer facilement les éléments – Pas besoin d’ouvrir un modal de paramètres pour changer les étiquettes d’administration. Cliquez simplement sur le nom de l’élément dans le panneau des calques pour changer son nom et garder votre page organisée.
- Glisser-déplacer pour déplacer des éléments – Le déplacement des éléments est facile dans le panneau des calques. Avez-vous besoin de faire glisser une section du bas d’une longue page vers le haut? C’est facile dans la vue des couches!
Vous pouvez tout faire dans la vue Calques
Le panneau des calques est bien plus qu’un simple outil de navigation / organisation. C’est un outil de construction complet et riche en fonctionnalités qui vous donne toute la puissance du Divi Builder dans une fenêtre compressée qui est toujours disponible. Vous pouvez faire glisser et déposer pour déplacer des éléments. Vous pouvez supprimer, dupliquer ou ajouter de nouveaux éléments. Vous pouvez copier, coller, étendre des styles et rechercher et remplacer. Vous pouvez tout faire à l’intérieur de cette petite fenêtre. Chaque fois que vous modifiez quelque chose dans le panneau des calques, ces modifications se reflètent instantanément sur votre page.
Le panneau des calques facilite certaines tâches. Avez-vous des difficultés à accéder aux éléments qui se chevauchent en raison de l’utilisation avancée de la marge négative, de la position et de l’indice z? Recherchez et modifiez simplement ces éléments dans le panneau des calques à la place. La vue Calques est simple et sans ambiguïté.
Qu’est ce que vous pensez de cette nouvelle fonctionnalité sur Divi ?
source : https://www.elegantthemes.com/blog/theme-releases/divi-layers-viewAutres Ressources Recommandés
Voici une liste de tutoriel qui pourraient également vous intéresser :