Divi 5 Guide du débutant: comment maîtriser les bases

Si vous avez entendu parler de Divi 5 et que vous vous interrogez sur l'état actuel, ce guide du débutant est pour vous.

Divi 5 est l'avenir du Divi Visual Builder, fiable et aimé par les utilisateurs de WordPress. Reconnu à partir de zéro, Divi 5 offre des performances plus rapides et une expérience plus intuitive. Il combine tout ce que Divi est connu sur une base moderne et évolutive qui facilite la conception Web pour tout le monde.

Dans cet article, nous vous guiderons à travers tout ce dont vous avez besoin pour commencer et nous sentir confiants à utiliser Divi 5, que vous soyez nouveau à Divi ou en transition de Divi 4.

Divi 5 est dans son stade alpha, mais est prêt à être utilisé sur de nouveaux sites Web aujourd'hui.

Qu'est-ce que Divi 5?

Divi 5 est la dernière version du thème Divi WordPress, mais c'est plus qu'une mise à jour. Il s'agit d'une reconstruction complète du cadre de construction de sites Web de Divi, conçu pour vous donner un contrôle créatif complet sans écrire de code personnalisé.

Au cœur de Divi 5 se trouve un constructeur visuel modernisé plus rapide et modernisé. Il est plus léger, plus réactif et élimine les problèmes communs auxquels les utilisateurs sont confrontés dans Divi 4, comme les temps de chargement lents, la sortie gonflée et le décalage du constructeur. Tout semble plus vif, plus fluide et plus intuitif.

Il est conçu pour vous aider à passer d'une idée à l'autre sans changer d'outils, d'écriture de code ou de perte de temps sur la configuration. Voici comment:

• Un constructeur visuel en temps réel qui répond plus rapidement, se sent plus léger et vous permet de glisser, de tomber et de personnaliser avec moins de décalage et plus de précision. Testez-le par vous-même ici.
• Disposages Divi pré-conçus qui vous aident à appliquer de belles conceptions de pages adaptées à différentes industries et objectifs.
• Des dizaines de modules Divi qui gèrent tout, du texte et des images aux curseurs, aux galeries, aux formes, aux tables de tarification, etc.
• Des outils de marketing comme Divi Leads for Split Testing, Bloom for Email Opt-in et Monarch pour le partage social.
• Les options de personnalisation avancées telles que les préréglages, les variables de conception et les styles globaux vous permettent de garder votre conception cohérente et sur la marque.

Ce qui distingue Divi 5, c'est à quel point il se sent intentionnel. L'expérience entière, de la mise en page à l'interface à la performance, est conçue pour vous aider à vous déplacer plus rapidement, à rester organisé et à profiter d'un flux de travail sans frustration sans code.

Est-il facile de passer de divi 4 à divi 5?

Divi 5 est le successeur de Divi 4, ce qui signifie que c'est mieux. Donc, si vous avez l'habitude de diviser 4, l'idée de changement peut sembler écrasante. Mais commençons par dire que Divi 5 est construit avec une compatibilité arrière . Cela signifie que tout site Web Divi 4 fonctionnera avec Divi 5.

Divi 5 conserve également tout ce que vous avez aimé de Divi 4, mais le rend meilleur. L'expérience intuitive globale reste familière, vous pourrez donc vous familiariser rapidement avec Divi 5. Discutons de quelques raisons pour lesquelles vous devriez passer de Divi 4 à Divi 5.

Divi 5 Builder offre une performance plus rapide et plus optimisée

Divi 5 a été construit en utilisant l'architecture moderne. L'une des plus grandes améliorations est l'élimination des shortcodes, ce qui a provoqué une sortie gonflée et des performances plus lentes dans Divi 4. Le constructeur se charge maintenant rapidement et se sent beaucoup plus léger dans l'ensemble.

Une autre mise à niveau majeure est la rediffusion plus intelligente. Dans Divi 4, même les petits changements pourraient déclencher des mises à jour inutiles à travers la mise en page. Divi 5 ne fait que redevenir ce qui change réellement, la réduction du décalage et le maintien de l'expérience fluide, même sur des pages complexes.

Remarquez les millisecondes Divi 4 (à gauche) prend pour charger le constructeur visuel. Divi 5 le charge presque immédiatement.

Pour soutenir cette vitesse, nous avons supprimé les animations de transition du panneau des paramètres, minimisé les réadapteurs inutiles et affiné comment les mises à jour sont appliquées en temps réel. Ces petits changements rendent le constructeur plus réactif à chaque clic.

Divi 5 offre une expérience d'édition plus facile et plus simple

Les petits détails ont souvent le plus grand impact sur la façon dont vous construisez. Divi 5 introduit une gamme d'améliorations subtiles mais puissantes qui rendent l'interface du constructeur plus intuitif.

Pour commencer, l'édition de contenu est maintenant plus rapide que jamais. Avec l'édition en un clic, vous pouvez cliquer directement dans n'importe quel texte ou module et commencer à taper, sans étapes supplémentaires et sans basculer entre les menus. Cela rend toute l'expérience immédiate et sans effort. (Dans Divi 4, il a nécessité plusieurs clics pour ouvrir le panneau Paramètres d'un module.)

Une autre mise à niveau est l'amarrage du panneau , qui vous permet d'épingler le panneau de paramètres de chaque côté de l'écran. Cela maintient votre disposition en pleine vue lorsque vous apportez des modifications et empêche les paramètres de couvrir votre zone de travail. (Cette capacité n'est pas présente dans Divi 4.)

Les nouvelles chapelure en haut du panneau des paramètres vous montrent l'emplacement exact dans la structure de disposition afin que vous sachiez toujours où vous êtes, en particulier lorsque vous travaillez avec des éléments profondément imbriqués.

Vous pouvez également basculer entre les modes clairs et sombres dans le constructeur, qui n'étaient pas présents dans Divi 4. Ces mises à jour vous offrent un espace d'édition plus propre et plus ciblé, réduisant l'encombrement visuel et des clics inutiles, vous avez donc un meilleur contrôle sur votre espace de travail.

Divi 5 simplifie l'organisation de gestion et de conception des paramètres

Divi 5 apporte un système plus organisé et intuitif pour gérer les styles, les paramètres de mise en page et les ajustements réactifs.

Vous pouvez basculer entre les états réactifs et en survol directement dans chaque paramètre de conception pour affiner l'espacement, la typographie ou les effets pour chaque interaction et taille d'écran sans changer de vue.

De même, les préréglages de modules, les variables de conception et les préréglages du groupe d'options sont plus faciles à appliquer et à gérer sur votre site. (Nous les couvrirons en détail dans la section ci-dessous.)

Avec Divi 5, nous améliorons la fondation et ajoutons de nouvelles fonctionnalités plus avancées pour vous aider à optimiser votre flux de travail de conception Web sans codage personnalisé. Avec des mises à jour publiées toutes les deux semaines, cela ne fait que s'améliorer à partir d'ici.

Nouvelles fonctionnalités divi 5 que vous devriez connaître

Examinons les nouvelles fonctionnalités que nous avons récemment ajoutées à Divi 5 et comment elles vous aident à créer des sites Web plus rapidement:

1. Les points d'arrêt personnalisables offrent une flexibilité plus réactive

L'un des ajouts les plus excitants de Divi 5 est les points d'arrêt réactifs personnalisables. Dans Divi 4, vous étiez limité aux trois tailles de périphérique standard: téléphone, tablette et ordinateur de bureau. Vous avez dû utiliser du code personnalisé pour affiner les dispositions pour des largeurs d'écran plus spécifiques.

Avec Divi 5, cette limitation a disparu. Vous pouvez désormais accéder à sept points d'arrêt prédéfinis, y compris le téléphone large, large, largeur large, écran large et ultra large, aux côtés des familiers.

Vous pouvez activer ou désactiver ces points d'arrêt supplémentaires en fonction de vos besoins de conception et modifier leurs valeurs de largeur pour un contrôle complet. Cela vous donne beaucoup plus de flexibilité lors de la création de sites Web réactifs.

Pour gérer vos points d'arrêt, cliquez sur les trois points pour ouvrir le panneau de points d'arrêt réactif à l'échelle du site . Basculez sur tout nouveau point d'arrêt que vous souhaitez ajouter et modifiez la nouvelle valeur pour son contrôle de largeur si vous le souhaitez.

Ne vous inquiétez pas de perdre vos styles lorsque vous désactivez un point d'arrêt. Divi les sauve en arrière-plan, donc si vous réactivez ce point d'arrêt plus tard, vos personnalisations reviendront tout de suite. Ceci est parfait pour tester différentes conceptions réactives sans perdre votre travail.

2. Les variables de conception vous aident à définir un système de marque cohérent

Les variables de conception peuvent être petites à la surface, mais elles transforment complètement votre flux de travail une fois que vous commencez à les utiliser. Au lieu d'ajuster manuellement la même police, la même couleur ou la même valeur d'espacement sur différents modules, vous le définissez une fois et le réutilisez sur votre site. Lorsque vous mettez à jour une variable, chaque instance met à jour automatiquement, en gagnant du temps et en gardant votre conception cohérente.

Cela est particulièrement utile pour les sites de plusieurs pages ou les projets clients où la cohérence de la marque est importante. Vous pouvez définir des variables comme la taille du texte du corps, les couleurs de cap, le rembourrage de bouton ou le style de liaison. Si vous devez ajuster tous les H4, vous n'avez pas besoin de traquer chaque bloc; Changez simplement la valeur variable une fois.

Non seulement les attributs de conception, vous pouvez également enregistrer des valeurs de contenu couramment répétées comme l'adresse de votre entreprise, les liens de produit et même les motifs d'arrière-plan pour un accès rapide. Cela vous évite du travail manuel et aide à mieux organiser le contenu répété.

À l'intérieur de votre constructeur visuel, cliquez sur l'icône du gestionnaire de variables et choisissez parmi six types de variables: numéros, texte, images, liens, couleurs et polices.

Pour notre exemple, créons une variable de texte . Nommez votre variable et ajoutez sa valeur, puis enregistrez .

Pour appliquer la variable de texte, cliquez sur l'élément que vous souhaitez modifier. Dans notre cas, l'adresse. Étant donné que c'est la variable texte, accédez au contenu du panneau de paramètres et survolez le corps pour localiser l'icône de contenu dynamique . Maintenant, cliquez sur votre variable enregistrée pour s'appliquer:

3. Les préréglages du groupe d'options simplifient le système de conception prédéfini

Les styles de sauvegarde et de réutilisation, comme les paramètres d'arrière-plan, l'espacement, les ombres de boîte, les bordures, etc., via les préréglages de groupe d'options peuvent vous faire gagner beaucoup de temps. Vous connaissez peut-être déjà les préréglages élément traditionnels dans Divi 4, qui s'appliquent à l'élément entier (section, ligne, colonne, module).

Les préréglages du groupe d'options dans Divi 5, prennent un pas plus profondément. Ils vous permettent de créer et d'appliquer des préréglages à des groupes spécifiques d'options de conception dans un module. Par exemple, vous pouvez enregistrer les paramètres de bordure en tant que préréglage de groupe d'options sans affecter autre chose.

Pour ce faire, vous personnalisez d'abord vos paramètres préférés, puis les enregistrerez en préréglage. Ci-dessous, j'ai enregistré l'ombre du bouton sous forme d'une ombre de boîte 2 et je l'ai appliquée à d'autres boutons.

Si vous souhaitez réutiliser un style de bouton avec un effet de volant, une bordure et une couleur spécifiques, mais laissez l'espacement et le style de texte seul, les préréglages de groupe d'options vous permettent de faire exactement cela. Vous ne pouvez appliquer que les paramètres dont vous avez besoin sans affecter le reste du module.

Bien que les variables de conception vous aident à contrôler les valeurs fondamentales comme les polices, les couleurs et l'espacement, les préréglages du groupe d'options sont plus profonds. Ils vous permettent de regrouper et de réutiliser des sections de style entières comme des préréglages mondiaux. Ensemble, ils forment un système de conception basé sur un prédéfini qui vous aide à créer rapidement des dispositions cohérentes sans écrire de code personnalisé.

4. Vows imbriqués pour les conceptions de mise en page complexes

Des rangées imbriquées sont conçues pour les concepteurs qui souhaitent la liberté de mise en page sans complexité. Avec les lignes imbriquées, vous pouvez créer des dispositions plus sophistiquées sans jongler constamment avec plusieurs sections ou des solutions de contournement de code.

Ils facilitent les dispositions complexes et plus intuitives à modifier, en particulier lorsque vous travaillez sur les pages de destination, les vitrines de produits, les dispositions de blogs multi-colonnes ou la présentation de votre meilleur travail dans un portefeuille asymétrique.

Ajoutez une ligne imbriquée en tant que module de contenu. Cliquez sur le bouton Black Plus, passez à la nouvelle ligne et choisissez votre type de ligne préféré.

Une fois inséré, il se comporte exactement comme une rangée de haut niveau. En outre, chaque ligne imbriquée conserve des paramètres réactives complets, ce qui signifie que vous pouvez contrôler la façon dont il se comporte à travers les points d'arrêt. Vous n'êtes plus limité à la réflexion dans les lignes et les colonnes de base. Avec les lignes imbriquées, vous pensez en couches, tout en gardant votre flux de travail de conception propre et visuel.

5. Groupes de modules pour organiser vos modules

Les groupes de modules sont un nouvel élément de conteneur dans Divi 5. Ils vous permettent de regrouper plusieurs modules liés en un seul groupe pliable dans le constructeur visuel. Cela rend l'édition de grandes sections de votre page de façon spectaculaire plus gérable, en particulier lorsqu'il s'agit de dispositions complexes pleines d'éléments répétitifs ou de conceptions imbriquées.

Imaginez un bloc de vitrine de produit avec une rubrique, une image, une description, un bouton et un diviseur de ligne. Au lieu de sélectionner ou de déplacer chaque module chaque fois que vous souhaitez reproduire ou modifier la conception, vous pouvez les regrouper une fois et les traiter comme une seule unité.

Le groupe de modules est présent comme un autre module Divi 5. Choisissez le module de groupe pour l'ajouter. Vous pouvez ajouter plus de modules à l'intérieur, et ils seront tous regroupés en tant que groupe de modules.

6. Les unités avancées vous aident à optimiser pour une conception réactive plus intelligente

Dans Divi 4, la plupart des entrées de style étaient limitées aux unités de base comme les pixels et les pourcentages. Avec des unités avancées, vous pouvez désormais utiliser une gamme beaucoup plus large d'unités CSS, y compris les fonctions REM, EM, VW, VH,% et même puissantes CSS comme CLAMP () comme paramètres visuels dans Divi 5. Cette fonctionnalité est utile pour les concepteurs qui se soucient de la conception réactive et de la typographie évolutive.

Par exemple, vous pouvez également utiliser CLAMP () pour définir une valeur minimale, idéale et maximale pour le rembourrage ou la taille de la police afin que votre conception soit polie sur les appareils sans créer des dizaines de points d'arrêt personnalisés. La pince d'une tête (36px, 4vw, 48px) définira la taille de la police pour commencer à 36px, échelle basée sur 4% de la largeur de la fenêtre et cesser de croître à 48px.

Ces valeurs sont intégrées dans tous les paramètres. Vous pouvez également créer des variables de conception de nombres en définissant des valeurs unitaires avancées.

Ces fonctionnalités facilitent la création de sites Web flexibles, réactifs et cohérents. Vous aurez plus de contrôle sur votre conception directement au sein du constructeur, sans avoir besoin d'écrire des CSS personnalisés ou de compter sur des solutions de contournement.

Mais ce n'est que le début. Ce que vous avez vu jusqu'à présent ne représente qu'une partie de ce que Divi 5 offre. Nous travaillons activement sur plus de fonctionnalités, toutes conçues pour vous aider à construire plus intelligemment et plus rapidement. À la base, Divi 5 consiste à rendre la conception Web plus intelligente. Chaque mise à jour est axée sur la simplification de votre flux de travail et vous donne les outils pour créer de beaux sites Web avec moins d'efforts. Commencer maintenant vous donnera l'avantage de maîtriser Divi 5 avant qu'il ne soit prêt pour le lancement final.

Un regard à l'intérieur divi 5

Voyons comment la création d'un site Web avec Divi 5 est apparenté. Pour ce faire, vous aurez d'abord besoin d'une configuration WordPress fonctionnelle. Cela signifie choisir un hôte Web, enregistrer un nom de domaine et installer WordPress sur votre site. Nous supposerons que vous avez cela en cours d'exécution avant de nous concentrer sur la prochaine partie de cet article:

1. Télécharger, installer et activer Divi 5

Voici un tutoriel vidéo pour acheter, installer et activer Divi:

Une fois votre achat réussi, vous serez en mesure de vous connecter à votre zone d'adhésion élégante. Téléchargez maintenant le dossier Divi 5 Zip.

Retournez à votre tableau de bord WordPress. Suivez cette requête: Apparence> Thèmes> Ajouter un thème> Télécharger le thème. Téléchargez ensuite le fichier ZIP Divi 5 depuis votre ordinateur et cliquez sur Installer maintenant.

Une fois installé, activez le thème.

Enfin, activez votre licence Divi. Ce faisant, vous pourrez accéder efficacement à vos services sélectionnés. Le processus est automatique, connectez-vous simplement à vos informations d'identification de connexion d'adhésion ET une fois de plus.

Une fois que vous avez fait cela, vous pouvez accéder à votre tableau de bord Divi 5. Votre tableau de bord vous donne des informations telles que votre statut de licence Divi, les mises à jour, les pages, les modèles, etc. Vous verrez également des sites Divi Quick, que nous utiliserons pour créer une base de site Web.

Commencez avec Divi

2. Créez votre site Web à l'aide de Divi 5

Le moyen le plus rapide de créer un site Web entier avec Divi 5 est d'utiliser des sites Divi Quick.

Vous choisissez entre deux options:

• Utilisez un site de démarrage préfabriqué et Divi 5 créera un site Web de base en utilisant la marque et le contenu du site sélectionné.
• Ou générez votre site avec l'IA pour demander à Divi AI de créer un site Web unique.

Voici à quoi ressemble le processus à l'aide de sites de démarrage: vous choisissez un site de démarrage et remplissez quelques détails, tels que le logo et les pages de votre site Web que vous souhaitez créer.

Et voici comment cela fonctionne avec l'IA. Vous parlez de Divi Ai sur votre site Web et attendez qu'il cuit:

Divi Quick Sites est parfait si vous souhaitez accélérer votre processus de construction de site Web. Il vous donne une structure prêt à l'emploi que vous pouvez personnaliser davantage avec votre propre marque, votre contenu et votre style. Vous n'avez pas à commencer à partir d'une page vierge ou à concevoir chaque disposition à partir de zéro.

Si vous souhaitez construire une nouvelle page à partir de zéro ou accéder au constructeur visuel Divi, accédez aux pages> Ajouter une page.

Maintenant, nommez votre page et cliquez sur Utiliser Divi Builder.

Vous entrerez dans le constructeur visuel Divi.

3. Découvrez les bases de Divi 5 Visual Builder

Si vous accédez à Divi 5 Visual Builder pour la première fois, vous verrez de nombreuses icônes, alors voici une procédure à pas rapide:

• (1.) Panneau de barre latérale gauche: Ce panneau comprend des outils de générateur. Vous pouvez ajouter des dispositions pré-faites, accéder à votre bibliothèque de mise en page, afficher la structure à l'aide de couches, passer à la vue Wireframe, enregistrer les variables de conception, ajuster les paramètres du générateur et obtenir de l'aide.
• (2.) Barre supérieure: vous pouvez basculer entre les modes réactifs. Les commandes de largeur et de zoom vous aident à affiner l'espacement de disposition à travers les points d'arrêt. Vous trouverez également des options d'annulation / refaire, de mise en page, d'historique et de sauvegarde ici. Plus les boutons de sortie, de prévisualisation, de réduction de la brouillon et de publication pour gérer vos progrès.
• (3.) Barre latérale droite: lorsque vous cliquez dans n'importe quel module, ses paramètres s'ouvrent à droite. Vous pouvez ajouter du contenu, le style et ajouter des CSS personnalisés ici. La chapelure en haut (page> Section> Row> Colonne) montre exactement où le module vit dans votre disposition.

Ensuite, vous avez deux éléments de conteneur: des sections (représentées en bleu) et des lignes (toujours vertes). À l'intérieur des lignes, vous avez des colonnes où vous pouvez ajouter des modules (en noir) .

Pour ajouter une section, vous cliquez sur le bouton Blue Plus. Pour une ligne, c'est le bouton vert Plus et noir pour un module. Vous obtenez différents types d'options de ligne à choisir. À l'intérieur d'une ligne se trouvent des colonnes.

Et à l'intérieur des lignes et des colonnes, vous ajouterez des modules de contenu tels que des en-têtes, des images, etc. Divi 5 propose plus de 200 modules de contenu à toutes fins, que vous souhaitiez ajouter un formulaire de contact, des témoignages, etc.

Le module de groupe de modules récent vous permet de regrouper différents éléments afin que vous puissiez créer et enregistrer vos propres modules. (La couleur grise représente un groupe de modules.)

4. Créez les pages de votre site avec Divi 5

Même si vous n'utilisez pas de sites Divi Quick, vous pouvez toujours importer des dispositions pré-faites ou utiliser Divi AI pour générer une mise en page entière. Cliquez sur le bouton Blue Plus .

(1.) Vous permet de choisir parmi plus de 2500 dispositions pré-faites et (2.) vous permet de demander à Divi Ai de générer votre page. Voici comment fonctionne l'importation d'une mise en page préfabriquée:

Si vous choisissez de construire avec Divi AI, il vous suffit de lui parler de la page que vous souhaitez créer.

Personnalisation de la conception de votre page

Si vous avez créé votre page à l'aide de sites divi rapides, de dispositions pré-faites ou de divi AI, vous devez le personnaliser pour le faire le vôtre. Pour ajouter votre image de marque de manière cohérente sur votre site Web, le moyen le plus simple est de définir vos variables de conception.

Ces valeurs globales (telles que vos couleurs et polices primaires) s'appliquent automatiquement partout où vous les utilisez. Pour les modifier, modifiez simplement la valeur de la variable dans le gestionnaire de variables.

Pour modifier n'importe quel module, cliquez dessus et les paramètres apparaissent dans le panneau du côté droit.

Chaque panneau de paramètres de module comprend trois onglets:

• Contenu: c'est là que vous ajoutez ou modifiez le contenu réel du module. Vous pouvez également ajouter des liens, choisir un arrière-plan ou modifier l'étiquette d'administration pour aider à identifier le module plus facilement.
• Conception: le passage à l'onglet Design vous permet de styliser l'apparence visuelle du module. Vous pouvez modifier la taille de la police, le poids, la couleur, la hauteur de la ligne, l'espacement, l'alignement, etc. Gardez à l'esprit que les différents modules ont des options de réglage différentes.
• Avancé : l'onglet avancé vous donne un contrôle total sur des options plus techniques. Ajoutez des CSS personnalisés, définissez une visibilité réactive, et plus encore. Il est particulièrement utile si vous souhaitez personnaliser au-delà de ce que l'onglet Design offre.
• L'icône de l'ordinateur portable vous permet de basculer entre les modes réactifs et survolez. En passant en un seul mode, vous pouvez personnaliser tous les paramètres et enregistrer.
• Le bouton préréglé par défaut est la fonction préréglage de Divi. Voici une différence entre les préréglages des éléments et les préréglages de groupe d'options.

Si vous avez affaire au bloc d'un écrivain, utilisez Divi AI pour ajouter du contenu (texte, images et code). Presque chaque module vous permet d'utiliser l'IA. Tout ce que vous avez à faire est de rechercher la petite icône AI.

Une fois que vous avez personnalisé votre page, n'oubliez pas d' enregistrer votre brouillon. Ensuite, aperçu pour voir que toutes choses fonctionnent correctement et publient votre page.

Commencez avec Divi

5 conseils pour tirer le meilleur parti de divi 5

Divi 5 est à un stade passionnant - la scène publique Alpha. Il est passé par des améliorations à la mise à la terre et des améliorations majeures des performances. Maintenant, il ne reste plus que de nouvelles versions de fonctionnalités et des correctifs mineurs.

Cela en fait également le moment idéal pour commencer à construire avec. Plus tôt vous commencerez, plus vous serez confortable lorsque Divi 5 Beta sera entièrement lancé. Voici quelques façons de tirer le meilleur parti de votre adhésion Divi:

1. Restez à jour avec les nouvelles versions

Les nouvelles mises à jour des fonctionnalités ne sont pas seulement des correctifs ou des ajustements de performances, ce sont également des outils puissants qui modifient la façon dont vous créez des sites Web. Des points d'arrêt personnalisables aux variables de conception, aux lignes imbriquées et aux unités avancées, chaque ajout s'appuie sur la nouvelle fondation de Divi 5 pour vous donner plus de contrôle et de vitesse.

Pour rester dans la boucle, abonnez-vous à la chaîne YouTube Elegant Themes, où Nick partage régulièrement les procédures pas à pas et publie des annonces.

Abonnez-vous à notre chaîne YouTube

2. Expérimentez avec le nouveau constructeur Divi 5

Le constructeur visuel Divi 5 est rapide, réactif et conçu pour l'efficacité. Chaque nouvel ajout de fonctionnalités contribue à optimiser votre flux de travail, et nous vous encourageons à continuer d'expérimenter pour développer de nouvelles stratégies. Pour vous aider, nous publions également de nouveaux tutoriels de fonctionnalités pour partager nos approches. Par exemple, notre message sur différentes structures de lignes vous montre des moyens d'utiliser des lignes imbriquées pour créer des dispositions intelligentes.

Prenez l'habitude de visiter régulièrement le blog des thèmes élégants pour trouver des moyens créatifs d'utiliser Divi 5.

3. Partager et rechercher des conseils et astuces Divi 5 dans la communauté Divi

Une fois que vous commencez à expérimenter Divi 5, voir comment les autres l'utilisent est tout aussi important. Les concepteurs et les développeurs du monde entier explorent également les mêmes nouvelles fonctionnalités, essaient des dispositions créatives et partagent leurs résultats.

Des utilisations intelligentes des points d'arrêt à des configurations de variables de conception qui économisent du temps, vous pouvez apprendre beaucoup en regardant comment les autres abordent leurs constructions. Rejoignez le groupe officiel de Divi Facebook ou les forums divi axés pour découvrir des tutoriels, poser des questions et obtenir de nouvelles idées de personnes travaillant avec Divi 5. C'est l'un des moyens les plus rapides de développer vos compétences et de rester à jour.

4. Créer de nouveaux sites Web avec Divi 5

La meilleure façon d'utiliser Divi 5 (en ce moment) est de créer de nouveaux sites Web à partir de zéro. Il n'y a aucune raison d'attendre si vous commencez un nouveau projet. Vous obtenez des performances plus rapides, un code plus propre et une meilleure expérience d'édition dès la sortie de la boîte.

Mais si vous travaillez avec un site Divi 4 existant, il est préférable d'attendre un peu plus longtemps avant de le migrer vers Divi 5.

Étant donné que Divi 5 est toujours en développement actif, certains modules Divi 4 et extensions tiers peuvent ne pas encore être entièrement pris en charge. Cela dit, comme chaque site Web est différent, ce ne sera pas le cas à chaque fois. Si vous n'êtes pas sûr, la meilleure chose à faire est de vérifier la compatibilité de votre site. Pour aider, nous avons également créé un outil de migrateur Divi 5.

Il analyse votre site Divi 4 existant et vous indique quels modules sont compatibles, lesquels ne sont pas et ce qui a besoin d'attention. Cela vous aide à prendre une décision éclairée sans risquer votre site en direct.

Cependant, nous sommes très proches de la version bêta, donc notre conseil est de créer de nouveaux sites Web uniquement à l'aide de Divi 5 et d'attendre un peu plus avant de changer vos sites Divi 4.

5. Construisez un système de conception divi

Divi 5 présente de nombreuses fonctionnalités, il pourrait donc être déroutant de décider lesquels utiliser et lesquels ne le font pas. Par exemple, si vous définissez des variables de conception, devriez-vous également utiliser des préréglages de groupe d'options? La meilleure façon de comprendre cela est d'expérimenter et de déterminer ce qui fonctionne pour vous. Et à mesure que de nouvelles fonctionnalités sont publiées, vous pouvez continuer à affiner votre processus.

Vous pouvez démarrer n'importe quelle création de site Web avec des variables de conception pour la cohérence, puis les utiliser à l'intérieur du groupe d'options et des préréglages d'élément. Cette approche structurée fait gagner du temps, maintient votre marque alignée et vous permet de mettre à jour les styles globaux en quelques clics.

6. Signaler des bugs lorsque vous les rencontrez

Divi 5 est toujours en développement actif, vous rencontrerez donc probablement quelques bogues en cours de route. Quand vous le faites, nous aimerions que vous les signiez. Il aide notre équipe à résoudre les problèmes plus rapidement et nous rapproche un pas de plus de la version bêta. Vous êtes également invités à compter sur nous pour les doutes Divi 5 - notre équipe d'assistance est rapide à répondre et ici pour aider, et les utilisateurs professionnels obtiennent également une prise en charge VIP 24/7 pour tout ce qui est urgent.

Choisissez Divi 5 pour lancer votre parcours de conception Web

Divi 5 vous donne un cadre complet de construction de sites Web, modernisé et reconstruit à partir de zéro. Chaque partie est conçue pour simplifier votre flux de travail, accélérer les performances et vous mettre en place pour l'avenir de la conception Web.

• Mieux que la concurrence: tandis que la plupart des constructeurs se concentrent sur les fonctionnalités flashy, Divi 5 se concentre sur le contrôle, la vitesse et la convivialité du monde réel. Il est conçu pour travailler avec vous, pas contre vous.
• Une mise à niveau majeure de Divi 4: Divi 4 était déjà aimée par les utilisateurs de WordPress. Divi 5 maintient tout ce que les gens aimaient et répare tout ce qu'ils n'ont pas fait. C'est plus rapide, plus léger et plus évolutif.
• Tous les outils en un seul endroit: de l'édition visuelle au contenu d'IA, au stockage cloud, à la création rapide du site et aux outils de marketing, Divi 5 vous donne tout ce dont vous avez besoin pour démarrer et grandir rapidement.

Si vous commencez votre parcours de conception Web aujourd'hui, commencez par Divi 5. Il est conçu pour où le Web va, pas là où il est.

Divi 5 est prêt à être utilisé sur de nouveaux sites Web aujourd'hui.