Révéler la nouvelle interface Divi 5

Publié: 2023-12-21

Je suis de retour avec une autre mise à jour de Divi 5, et cette fois, je suis ravi de vous donner un premier aperçu de la nouvelle interface de Divi 5. Ce n'est pas encore terminé, mais il reste encore beaucoup à explorer.

Regardez la vidéo pour voir de plus près.

La nouvelle interface Divi 5

Divi 5 fait peau neuve. Cela fonctionne de la même manière qu’avant, alors ne vous inquiétez pas de la nouvelle interface qui vous lance une boucle. Tout cela va vous sembler très familier. Nous n’avons pas changé ce que vous pouvez faire avec Divi, mais nous espérons que vous prendrez encore plus de plaisir à faire ce que vous faites avec une interface plus rapide et moins encombrante.

Une interface plus rapide et plus efficace

Divi 5 représente la vitesse et l'efficacité brutes ; l'interface utilisateur devrait servir ces objectifs. La première chose que vous remarquerez à propos de Divi 5, c’est qu’il est incroyablement rapide. Il n'y a absolument aucun délai lorsque vous survolez, cliquez, modifiez et déplacez des éléments, et il peut gérer des pages volumineuses comme jamais auparavant. Nous avons également supprimé toutes les animations car nous ne voulons pas que quelque chose vous ralentisse.

Une interface qui ne vous gêne pas

Nous avons réduit l'encombrement de l'interface pour donner plus d'espace à vos créations. Vous pouvez ancrer plusieurs panneaux de plus petite taille sur le côté du navigateur sans qu'ils ne chevauchent votre contenu ou ne vous gênent.

Dans l'exemple ci-dessus, mon panneau de calques est ancré à gauche et mon panneau de paramètres est ancré à droite. Le panneau des paramètres est automatiquement rempli lorsque je clique sur la page, et lorsque je modifie quelque chose, le retour est instantané.

Une interface entièrement personnalisable

Divi 5 vous donne beaucoup plus de contrôle sur la mise en page du constructeur. Vous pouvez ancrer, détacher ou combiner des panneaux dans des fenêtres à onglets. Si vous préférez avoir toutes les fenêtres fermées et un panneau de paramètres flottant comme Divi 4, c'est également une option.

Une interface plus facile que jamais à naviguer

Avec le mode clic comme mode d'interaction par défaut, un panneau de calques plus petit que vous pouvez toujours laisser ouvert et un nouveau fil d'Ariane dans chaque panneau de paramètres, la navigation dans la page est plus facile que jamais. Vous n'aurez pas de difficulté à trouver ou à cliquer sur tout ce que vous souhaitez modifier.

Nous devons encore apporter des améliorations et ajouter des éléments manquants, mais ce premier aperçu devrait vous donner une bonne idée de ce à quoi vous attendre lorsque nous publierons l'alpha publique dans les mois à venir.

Ce que nous avons accompli ce mois-ci

Nous avons également réalisé beaucoup d’autres choses au cours du mois dernier. Construire la nouvelle interface était relativement simple. Tout le travail majeur se déroule en coulisses, où nous construisons une base solide qui servira à la communauté pendant de nombreuses années, ce qui implique le redéveloppement complet de toutes les fonctionnalités et modules principaux de Divi.

Nous sommes actuellement en phase de développement bêta (que vous êtes invités à rejoindre si vous êtes un développeur de modules Divi), ce qui signifie que nous avons terminé le nouveau framework et que nous reconstruisons maintenant tout sur ce framework.

Nous avons corrigé davantage de bogues, rédigé davantage de documents pour les développeurs et converti un certain nombre de modules, tels que le curseur de publication, le blog, la navigation de publication, le portefeuille filtrable, le menu pleine chasse et le portefeuille pleine chasse.

Chaque fois que nous terminons une nouvelle fonctionnalité ou un nouveau module, nous nous rapprochons de Public Alpha, où nous voulons disposer de suffisamment de fonctionnalités et de modules les plus populaires de Divi, prêts à rendre cette première version utilisable par un large public.

Voici les dernières entrées du journal des modifications de Divi 5.

  • Ajout du module Post Slider pour Divi 5
  • Ajout du module Menu pleine largeur pour Divi 5
  • Ajout du module Titre de publication pleine largeur pour Divi 5
  • Ajout d'une amélioration signalée par les fonctionnalités pour les cadres d'application.
  • Implémentation de styles avancés sur la déclaration de styles du module PHP pour le code, l'audio, le compteur de cercles, la colonne, le compte à rebours, le diviseur, l'en-tête pleine largeur, l'image pleine largeur, le titre, l'icône, l'appel à l'action, le bouton, les compteurs de barres, l'accordéon, le titre de l'article, le portfolio, le compteur de nombres. , carte
  • Ajout du module Blog pour Divi 5
  • Ajout d'une amélioration signalée par les fonctionnalités pour les cadres d'application.
  • Ajout du module Portfolio filtrable pour Divi 5
  • Ajout du module Portfolio pleine largeur pour Divi 5
  • Ajout du module Post Navigation pour Divi 5
  • Implémentation de advancedStyles sur la déclaration de styles du module VB pour les modules de section, de carte pleine largeur, de titre, de menu, de barre latérale, de suivi des médias sociaux, d'onglets, de membre de l'équipe, de témoignage, de texte, de bascule, de vidéo et de curseur.
  • Paramètres de module générés automatiquement intégrés pour le panneau de paramètres pour les modules tels que le compte à rebours, le compteur de cercles, le code, le bouton, le texte de présentation, le séparateur, l'audio, le texte de présentation, le code et le titre.
  • Mise à jour de l'exportation de « SyncGlobalLayoutAttributes » pour qu'elle soit un type au lieu d'un objet.
  • TypeDocs : ajout du package @divi/modal-library au générateur TypeDocs.
  • TypeDocs : documentation mise à jour pour les fonctions de magasin de données dans le package @divi/modal-library.
  • TypeDocs : ajout du package @divi/page-settings au générateur TypeDocs.
  • TypeDocs : documentation mise à jour pour les fonctions de magasin de données dans le package @divi/page-settings.
  • Développement du module Fullwidth Portfolio en VB et FE dans D5.
  • TypeDocs : ajout du package @divi/keyboard-shortcuts au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/object-renderer au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/mask-and-pattern-library au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/middleware au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/modal au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/modal-snap-indicator au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/draggable au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/numbers au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/error-boundary au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/events au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/help au générateur TypeDocs.
  • TypeDocs : documentation mise à jour pour les fonctions de magasin de données dans le package @divi/help.
  • TypeDocs : ajout du package @divi/history au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/hooks au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/icon-library au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/global-layouts au générateur TypeDocs.
  • TypeDocs : documentation mise à jour pour les fonctions de magasin de données dans le package @divi/global-layouts.
  • TypeDocs : ajout du package @divi/fonts au générateur TypeDocs.
  • TypeDocs : documentation mise à jour pour les fonctions de magasin de données dans le package @divi/fonts.
  • TypeDocs : documentation mise à jour pour le package @divi/module.
  • TypeDocs : ajout du package @divi/data au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/divider-library au générateur TypeDocs.
  • Ajout de TypeDocs pour le package @divi/context-library.
  • TypeDocs : ajout du package @divi/conversion au générateur TypeDocs.
  • TypeDocs : ajout du package @divi/constant-library au générateur TypeDocs.
  • TypeDocs : documentation mise à jour pour le package @divi/field-library.
  • Implémentation de advancedStyles sur la déclaration de styles de module VB pour… les modules.

Bientôt disponible : l'IA Divi Layouts !

C'est tout pour la mise à jour Divi 5 de ce mois-ci. Par ailleurs, nous avons bientôt une nouvelle fonctionnalité Divi AI qui me passionne. Nous avons déjà créé des outils d'IA pour la génération de texte, d'images et de code. Ensuite, nous rassemblons tout cela pour vous permettre de générer des mises en page entières avec l'IA. Remarque : la génération de la mise en page a été accélérée dans la vidéo suivante.

Dites simplement à Divi AI quel type de page vous souhaitez, et il construira la mise en page, générera les images, rédigera le contenu et personnalisera les polices et les couleurs. En quelques secondes, vous avez une page entière prête à être utilisée et vous pouvez accéder aux paramètres de conception de Divi pour apporter la touche finale ou utiliser les outils d'IA de Divi pour affiner davantage les résultats.

Restez connectés pour plus de nouvelles

Restez à l’écoute de la sortie de Divi Layouts AI, et n’oubliez pas de revenir le mois prochain pour une autre mise à jour de Divi 5. Suivez-nous par e-mail et abonnez-vous à notre YouTube pour ne rien manquer, et je vous verrai dans le prochain.