Comment ancrer vos panneaux dans Divi 5 (Public Alpha)

Publié: 2024-10-06

L'une des nouvelles fonctionnalités les plus intéressantes de Divi 5 Visual Builder est la possibilité d' ancrer vos panneaux de paramètres . Cette fonctionnalité offre un contrôle amélioré sur votre espace de travail pour réduire l'encombrement modal et permettre un multitâche transparent. vous permettant d'ancrer plusieurs panneaux de paramètres de chaque côté de l'écran et d'y accéder selon vos besoins. Il est révolu le temps de l'ouverture et de la fermeture constantes des modaux : Divi 5 met tout à portée de main.

Avec la station d'accueil multi-panneaux , vous pouvez personnaliser votre interface en fonction de votre flux de travail. Cet article vous expliquera comment utiliser efficacement la station d'accueil afin que vous puissiez tirer le meilleur parti de cette fonctionnalité révolutionnaire.

Téléchargez l'Alpha de Divi 5 Essayez la démo de Divi 5 Devenez un testeur de bugs de Divi 5

Panneaux ancrés dans Divi 5

Le nouveau Divi 5 Visual Builder avec des panneaux ancrés pour un flux de travail optimisé.

Table des matières
  • 1 Qu’est-ce que le Docking dans Divi 5 ?
  • 2 Comment ancrer vos panneaux
  • 3 avantages de la station d'accueil multi-panneaux
    • 3.1 1. Votre créateur visuel à votre façon
    • 3.2 2. Commutation transparente des panneaux : onglets et ancrage divisé
    • 3.3 3. Moins d'options cachées
    • 3.4 4. Schéma de couleurs personnalisable avec modes clair et sombre
  • 4 Signalez tous les bugs que vous trouvez
  • 5 dernières réflexions
  • 6 Ressources Div 5 supplémentaires

Qu’est-ce que le Docking dans Divi 5 ?

C’est peut-être le hack de productivité dont vous avez toujours rêvé dans Divi. Il vous permet d'interagir avec plusieurs paramètres simultanément, réduisant ainsi les clics et les interruptions qui peuvent vous ralentir. En prime, je pense personnellement que cela rendra Divi plus facile que jamais à apprendre pour les nouveaux utilisateurs, car les contrôles et les modaux ne disparaissent pas.

L'ancrage dans Divi 5 permet de déplacer et d'organiser vos différents panneaux Visual Builder en les ancrant sur les côtés de l'interface. Cela vous offre plusieurs façons d’interagir avec votre espace de travail. Au lieu d'ouvrir et de fermer différents panneaux pendant que vous travaillez, vous pouvez désormais les ancrer, gardant ainsi tout ce dont vous avez besoin visible et accessible.

Panneaux d’accueil dans Divi 5 Visual Builder

Montré : panneau Calques à gauche et panneau Page/Paramètres ancré à droite.

Avec l'introduction de l'accueil multi-panneaux , plusieurs panneaux peuvent être ouverts simultanément et organisés en onglets, afin que vous puissiez basculer entre différents paramètres sans interrompre votre flux de travail. Personnaliser votre constructeur est facile.

Comment ancrer vos panneaux

Cette nouvelle fonctionnalité vous offre beaucoup de flexibilité, mais tout fonctionne selon les mêmes principes d'accueil.

Étape 1 : Choisissez votre panneau
Lorsque vous tombez sur un panneau particulier, vous pouvez décider de le placer où vous le souhaitez. Des exemples de panneaux ancrables sont : le panneau Page/Paramètres, le panneau Calques, le panneau d'aide, le panneau Paramètres du générateur et le panneau Historique.

choisissez votre panneau

Étape 2 : ancrez le panneau
Pour ancrer n'importe quel panneau, cliquez dessus et faites-le glisser vers le bord droit ou gauche de l'écran. Dès que vous relâchez le panneau, il s'enclenche et reste ancré sur le côté de votre espace de travail. Si nécessaire, vous pouvez facilement cliquer et faire glisser le panneau ancré pour le repositionner sur le côté opposé ou le maintenir ancré pour un accès rapide.

Regardez comment ancrer un panneau en le faisant glisser vers la gauche ou la droite de votre espace de travail.

Étape 3 : Organiser avec des onglets ou un ancrage fractionné
Les panneaux peuvent être organisés via des onglets ou une station d'accueil divisée, vous permettant de basculer/faire défiler facilement entre plusieurs panneaux sans jamais les fermer.

Conseil d'expert : si vous devez basculer entre les mêmes panneaux, laissez ces panneaux ancrés et utilisez les onglets pour naviguer rapidement entre eux. Cela élimine le besoin d'ouvrir et de fermer les modaux à plusieurs reprises, vous permettant ainsi de vous concentrer sur votre conception.

Avantages de l'accueil multi-panneaux

En vous donnant le pouvoir d’organiser et de gérer plusieurs panneaux de paramètres simultanément, Divi 5 vous permet de concevoir plus rapidement et plus efficacement.

1. Votre créateur visuel à votre façon

Divi 4 était à peu près présenté tel qu'il était et maintenait les utilisateurs dans ce moule (à l'exception de quelques aspects mineurs réglables). La station d'accueil multi-panneaux de Divi 5 vous permet de configurer votre espace de travail pour l'adapter à votre processus de conception unique. Au lieu de passer d'un mode de configuration contextuel à l'autre, vos panneaux les plus utilisés sont toujours visibles et prêts pour des ajustements rapides.

Exemple de configuration VB avec panneaux ancrables pour les débutants

Ma configuration VB Divi 5 : panneau d'aide en bas à droite pour les raccourcis, panneau des calques en haut à droite, panneau page/paramètres à gauche pour les paramètres de conception, X-Ray pour voir les limites de chaque élément de page et une bonne quantité d'orange .

2. Commutation transparente des panneaux : onglets et amarrage fractionné

L'ancrage de plusieurs panneaux de paramètres permet un multitâche plus facile. Vous n'avez plus besoin d'ouvrir et de fermer plusieurs modaux pendant que vous travaillez. Ancrez les panneaux nécessaires et basculez instantanément entre eux à l'aide des onglets ou empilez plusieurs vues de panneaux pour préserver leur visibilité immédiate lors de l'édition. Lorsque vous cliquez sur un élément, vos panneaux seront remplis avec ses paramètres aux emplacements désignés.

3. Moins d'options cachées

Divi 5 découvre tous ces paramètres de Visual Builder qui étaient cachés derrière des clics supplémentaires dans Divi 4. Au lieu de plusieurs clics pour arriver là où vous allez, davantage de ces paramètres sont exposés. Les panneaux ancrables en sont une grande partie, mais d’autres améliorations de l’interface utilisateur jouent également un rôle. La première fonctionnalité notable est le fil d'Ariane dans le panneau Paramètres. Il permet aux utilisateurs de voir et de naviguer facilement vers les éléments parents de l'élément enfant sélectionné.

Viennent ensuite les contrôles persistants de la barre de page (la barre supérieure) et de la barre latérale (sur le côté gauche). Ces deux éléments donnent à tout moment un accès extrêmement simple à plusieurs paramètres et fonctionnalités importants. Il existe également une option pour afficher/masquer la barre d'administration WordPress par défaut, ce qui, à mon avis, nettoie beaucoup les choses.

Barres de pages persistantes pour Divi 5 Visual Builder

Enfin, vous pouvez cliquer avec le bouton droit sur n'importe quel élément de la page et voir instantanément des options supplémentaires.

4. Schéma de couleurs personnalisable avec modes clair et sombre

La dernière fonctionnalité personnalisable que je voudrais souligner est une fonctionnalité de qualité de vie très intéressante. Puisqu'il y a tellement de choses sur la page qui peuvent toujours être là, avoir un peu de contrôle sur la façon dont ceux-ci vous recherchent est bien. La possibilité de basculer entre les modes clair et sombre est un ajout très intéressant. Il existe également une option pour choisir votre palette de couleurs préférée (l'orange est ma couleur préférée, alors oui, s'il vous plaît).


C'est agréable à la fois de styliser et d'organiser vos panneaux et zones d'accueil.

Envie d’en savoir plus sur l’interface Divi 5 ? Lisez notre guide détaillé sur Apprendre à connaître l’interface Divi 5.

Prêt à essayer la station d'accueil sur panneau ? Téléchargez Divi 5 Public Alpha et commencez à organiser votre espace de travail dès aujourd’hui.

Télécharger Divi 5 Public Alpha

Signalez tous les bugs que vous trouvez

Nous avons besoin de votre aide pour améliorer Divi 5 en participant en tant que bug testeur ! Vous pouvez signaler des bugs via notre chat d'assistance. Accédez simplement à l'onglet Aide de votre espace membre et cliquez sur le bouton vert « Discuter avec notre équipe » sous Support technique.

Pour en savoir plus sur le processus, consultez notre article Call All Bug Testers.

Veuillez nous faire savoir si vous trouvez un bug dans Visual Builder impliquant la fonctionnalité des panneaux d'accueil (ou toute autre chose).

Devenez un testeur de bugs Divi 5

Pensées finales

La fonction d'accueil multi-panneaux de Divi 5 est conçue pour vous aider à travailler avec moins de paramètres qui disparaissent et un niveau de personnalisation. Divi 5 supprime les clics inutiles et garde vos outils à portée de main, vous permettant d'ancrer et d'organiser plusieurs panneaux pour s'adapter à votre flux de travail.

Maintenant que vous savez comment tirer le meilleur parti de cette fonctionnalité, il est temps de l'essayer par vous-même. Téléchargez Divi 5 Public Alpha et commencez à personnaliser votre espace de travail dès aujourd’hui. Nous sommes impatients de savoir comment cette fonctionnalité améliore votre expérience de conception, et vos commentaires nous aideront à affiner Divi 5 à mesure que nous nous rapprochons de sa version finale. Si vous ne souhaitez pas ou ne pouvez pas tester Divi 5 sur votre propre environnement de test, vous pouvez toujours jouer avec la fonctionnalité d'accueil dans notre démo Divi 5 en direct.

Téléchargez la démo de Divi 5 Alpha Essayez la démo de Divi 5

Ressources supplémentaires Divi 5

  • Lisez notre article détaillé sur l’interface Divi 5 pour en savoir plus sur les principaux changements apportés à l’interface.
  • Pour ceux qui souhaitent une expérience plus rapide, ne manquez pas notre comparaison du Visual Builder ultra-rapide de Divi 5.
  • Si vous êtes intéressé par les performances de Divi 5 sur des projets complexes, nous vous recommandons vivement d’explorer pourquoi nous avons supprimé les shortcodes dans Divi 5.
  • Consultez également notre guide d’installation détaillé pour Divi 5 Public Alpha pour une présentation complète du téléchargement et de l’installation de Divi 5.
  • Enfin, nous apprécierions que vous sachiez comment contribuer à l’amélioration de Divi 5 en participant en tant que testeur de bugs à la campagne Call All Bug Testers.