BONS PLANS BLACK FRIDAY 2024

Divi 4 VS Divi 5 : 10 innovations majeures

Alpa14 les tutoriels faciles !

Catégories

10 Innovations de Divi 5 : Comparaison avec Divi 4

Divi 5 marque une avancée majeure dans le monde des constructeurs de sites web, apportant des améliorations significatives par rapport à Divi 4. Actuellement en phase Alpha 3, cette nouvelle version promet une meilleure expérience utilisateur, des performances accrues, et des outils de conception plus intuitifs. Découvrons ensemble les 10 nouveautés principales de Divi 5 et leurs avantages par rapport à Divi 4.

 

Licence Divi

Une Interface Utilisateur (UI) Modernisée

Accès Simplifié aux Fonctions

Avec Divi 5, les fonctions clés comme l’exportation, l’importation, la sauvegarde ou la suppression sont directement accessibles via une barre d’outils fixe. Contrairement à Divi 4, où il fallait naviguer à travers plusieurs menus, cette refonte facilite le flux de travail.

Meilleure Gestion des Calques

La gestion des calques a été repensée. Désormais, le panneau des calques peut être docké sur les côtés gauche ou droit de l’écran. Dans Divi 4, les calques étaient affichés dans une fenêtre flottante, moins pratique à manipuler.

Divi 5 Alpha
Hostinger -10%

Accès Direct aux Paramètres des Éléments

Réglages Instantanés des Modules

Avec Divi 5, un simple clic sur un module, une ligne ou une section ouvre instantanément ses paramètres. Cela supprime les étapes supplémentaires nécessaires dans Divi 4, où il fallait sauvegarder, quitter et rouvrir les réglages pour passer d’un module à un autre.


Une Navigation Plus Intuitive

Fil d’Ariane Contextuel

En cliquant sur un module dans Divi 5, un fil d’Ariane indique clairement sa position dans la structure de la page (section, ligne, colonne). Cela facilite la navigation et le paramétrage des éléments liés, une fonction absente de Divi 4.


Mode Nuit et Personnalisation Visuelle

Confort Visuel avec le Mode Sombre

Le mode nuit permet de travailler dans des conditions de faible luminosité, réduisant la fatigue visuelle. Accessible directement depuis l’interface, il offre un confort inédit, alors qu’il fallait bricoler avec des thèmes externes sous Divi 4.

Personnalisation des Couleurs de l’Interface

Divi 5 introduit la possibilité de modifier les couleurs des icônes et boutons de l’interface. Bien que secondaire, cette fonctionnalité permet de personnaliser l’apparence selon ses préférences.


Paramétrage du Responsive Simplifié

Une Gestion Optimisée pour Tous les Appareils

Dans Divi 5, l’adaptation des éléments pour les écrans desktop, mobile ou tablette est plus intuitive. Contrairement à Divi 4, où il fallait entrer et sortir des menus pour chaque modification, Divi 5 regroupe toutes les options dans une barre latérale dédiée.

Effets Over Plus Accessibles

Les effets « hover » (survol) sont beaucoup plus faciles à configurer. Un simple clic active le mode « hover », permettant de régler les couleurs, tailles ou animations sans étapes supplémentaires.


Outils de Repérage Visuel

Icônes Actives au Survol

Dans Divi 5, lorsque vous survolez un élément, toutes les informations associées s’affichent automatiquement. Cette fonction, absente dans Divi 4, améliore le repérage des modules et leurs paramètres.

Mode Rayon X pour Voir la Structure

Le mode « X-Ray » permet de visualiser la structure d’une page, en mettant en évidence les contours des sections, rangées et modules. Cette fonctionnalité remplace avantageusement l’ancienne grille de Divi 4.

Divi Supreme Pro

Une Sauvegarde Simplifiée

Un Bouton de Sauvegarde Visible

Divi 5 introduit un bouton de sauvegarde unique et toujours visible. Cela supprime les étapes supplémentaires de Divi 4, où il fallait chercher le bouton dans le bas de l’écran ou naviguer dans des sous-menus.


Historique et Restauration Améliorés

Annuler et Rétablir en Un Clic

Avec Divi 5, les boutons « Annuler » et « Rétablir » sont toujours visibles, permettant des ajustements rapides. Sous Divi 4, il fallait accéder à l’historique des modifications, ce qui rallongeait le processus.


Une Interface Épurée

Réduction des Icônes Superflues

Divi 5 simplifie l’interface en réduisant le nombre d’icônes visibles. Par exemple, l’enregistrement dans la bibliothèque se fait désormais via un clic droit, libérant de l’espace visuel pour une meilleure expérience utilisateur.


Performances Boostées

Chargement Ultra-Rapide

Divi 5 offre une fluidité impressionnante. Les pages, les paramètres et les modules se chargent instantanément, réduisant considérablement les temps d’attente observés dans Divi 4.

En conclusion, c’est très prometteur !

Divi 5 représente une avancée significative par rapport à Divi 4, tant sur le plan de l’expérience utilisateur que de la performance. Bien qu’encore en phase Alpha, ses innovations promettent une révolution pour les créateurs de sites web. Si vous souhaitez tester cette version vous pouvez accéder directement à l’espace de téléchargement de Divi 5 en cliquant ici
Vous devrez alors vous connecter à votre compte Elegant Themes

Cliquez ensuite sur Download Divi 5 Alpha pour récupérer le fichier ZIP.

 LearnDash créer une formation sur un site WordPress
Divi 5 : 10 nouveautés

Vous serez peut-être intéressé par les articles suivants :

Installer et tester Divi 5 Alpha en local

Installer et tester Divi 5 Alpha en local

La très attendue version Alpha de Divi 5 est enfin disponible ! Bien qu’elle ne soit pas encore prête pour les sites en production, cette version allégée offre aux utilisateurs et développeurs un aperçu des nouvelles fonctionnalités qui révolutionneront la création de sites WordPress. Dans cet article, découvrez comment télécharger, installer et tester Divi 5 Alpha en toute sécurité sur un site WordPress local.

lire plus
Divi : Qu’est-ce que c’est ?

Divi : Qu’est-ce que c’est ?

Dans cet article, nous allons explorer un outil puissant et intuitif pour créer des sites web avec WordPress : Divi. Vous avez sans doute entendu parler de WordPress, le CMS le plus populaire au monde, mais peut-être que Divi est encore un mystère pour vous. Ce tutoriel  vous explique ce qu’est Divi, comment acheter une licence, installer Divi sur votre site WordPress et activer la clé API.

lire plus
WordPress Débutant : Guide pour Bien Commencer

WordPress Débutant : Guide pour Bien Commencer

Si vous êtes ici, c’est probablement parce que vous souhaitez apprendre à créer votre propre site web. WordPress est le CMS (Content Management System) idéal pour démarrer ! Dans cet article, nous allons explorer les bases de WordPress, comment l’installer, et les principales fonctionnalités qui en font l’outil parfait pour les débutants.

lire plus