Tout ce que vous devez savoir sur l'étendue des attributs dans Divi 5

La nouvelle fonctionnalité de Divi 5, Extend Attributs, est ici et vous aide à apporter des modifications importantes à la conception de votre page en quelques clics.

Explorons ce que c'est, comment cela fonctionne et pourquoi c'est un incontournable pour les utilisateurs Divi 5. Qu'il s'agisse de créer un blog personnel ou de gérer un site Web client complexe, cette fonctionnalité promet de rationaliser votre processus et d'élever vos conceptions.

Divi 5 est prêt à être utilisé sur de nouveaux sites Web, mais nous ne recommandons pas encore de convertir les sites existants en Divi 5.

Que sont les attributs d'étendue dans Divi 5?

Étendre les attributs dans Divi 5 permet aux utilisateurs de propager des éléments de conception spécifiques, comme des styles, des préréglages ou du contenu, d'un élément à d'autres à travers une colonne, une ligne, une section ou une page entière. Qu'il s'agisse de peaufinir les polices, d'ajuster les couleurs ou de synchroniser le contenu sur plusieurs modules, cette caractéristique permet de gagner du temps et garantit la cohérence. Il s'agit d'une version étendue et améliorée de la fonctionnalité Extend Styles de Divi 4.

Abonnez-vous à notre chaîne YouTube

Les attributs d'étendue permet aux utilisateurs de cliquer avec le bouton droit sur n'importe quel élément du constructeur visuel de Divi et de sélectionner les attributs d'étendue du menu. Vous pouvez choisir exactement les attributs à appliquer, tels que les paramètres de typographie, l'espacement, les bordures, les ombres ou le contenu comme le texte ou les images.

Vous définissez ensuite la portée du changement, que ce soit tous des éléments similaires, des sections spécifiques ou des lignes sélectionnées. Ce contrôle granulaire facilite la mise en œuvre de modifications de balayage ou de mises à jour ciblées avec un minimum d'effort, le tout dans l'interface intuitive de Divi.

Par rapport aux styles d'étendue de Divi 4, que les utilisateurs aimaient pour la possibilité de copier et de coller les styles à travers les éléments, les attributs d'étendue offrent plus de possibilités. Lorsque Extend Styles était limité aux réplications de style de base, les attributs Extend élargissent le score pour inclure ce qui suit:

• Attributs de conception
• Attributs de style
• Attributs de contenu
• Attributs prédéfinis

Tout ce que vous avez modifié à l'intérieur d'un élément particulier devient extensible.

Comment les attributs étendus fonctionnent

Les attributs d'étendue dans Divi 5 sont conçus pour rendre les modifications de conception transparentes et intuitives, permettant aux utilisateurs de mettre à jour facilement plusieurs éléments. Voici comment cela fonctionne, étape par étape, dans le constructeur visuel de Divi.

Commencez par cliquer avec le bouton droit sur n'importe quel module Divi dans le constructeur visuel. Dans le menu avec le bouton droit, sélectionnez l'option Extende Attributs .

Un panneau apparaîtra, vous permettant de sélectionner des attributs spécifiques, tels que des styles et des préréglages, ou du contenu, tels que du texte.

Par exemple, si vous souhaitez étendre les attributs de conception d'un bouton, cliquez sur les attributs de conception du bouton Extenger pour activer le menu des attributs Extende.

Ensuite, spécifiez où ces attributs doivent être appliqués. Divi 5 offre des options flexibles, vous permettant d'étendre les attributs à tous les éléments similaires de la page ou de la colonne, de la ligne ou de la section actuelle.

Une fois que vous avez sélectionné vos attributs et où ils doivent être appliqués, confirmez vos choix et les modifications seront apportées instantanément. Que ce soit à la mise à jour d'une seule section ou d'une page entière, le processus est rapide et transparent, offrant des mises à jour ciblées avec une seule action.

Apprendre l'interface

L'interface d'attributs Extende dans Divi 5 est conçue pour être intuitive et puissante. Il offre une gamme d'options pour personnaliser comment et où les attributs sont appliqués. Ci-dessous, nous décomposons chaque option pour vous aider à naviguer et à maîtriser l'interface.

S'étendre de l'élément

Il s'agit de l'élément source à partir de laquelle vous étendez des attributs. Dans le panneau d'attributs Extende, vous pouvez sélectionner n'importe quel module, ligne ou section dans une liste déroulante ou simplement cliquer sur un élément sur la page pour le définir comme source. Si vous cliquez avec le bouton droit sur un élément et choisissez Étendre les attributs , il est automatiquement désigné comme source, rationalisant le processus.

S'étendre à l'emplacement

Choisissez où vos attributs sélectionnés seront appliqués. Les options incluent des éléments dans la colonne actuelle, la ligne, la section ou la page entière. Par exemple, si vous stylisez des éléments dans une section avec un arrière-plan sombre, vous pouvez limiter l'extension à cette section seule, garantissant que les styles restent spécifiques au contexte et évitant les changements involontaires ailleurs.

S'étendre au type d'élément

Divi 5 permet d'étendre les attributs à différents types d'éléments, offrant plus de flexibilité. Vous pouvez cibler des modules spécifiques - comme les boutons ou les modules de texte - ou des catégories plus larges comme les conteneurs, vous permettant d'appliquer des modifications exactement aux éléments que vous souhaitez.

Type d'attribut à étendre

Divi 5 vous permet d'étendre plusieurs catégories d'attributs, y compris des styles, du contenu, des préréglages ou toute combinaison de celles-ci. Cette polyvalence vous permet de mettre à jour les conceptions visuelles, le contenu du module ou les préréglages en une seule fois.

Groupe d'options à étendre

Pour encore plus de précision, vous pouvez étendre les attributs à partir de groupes d'options spécifiques, tels que les styles de bouton ou les paramètres de formulaire. Par exemple, vous pouvez étendre les styles de bouton d'un module de formulaire de contact à tous les autres modules avec des boutons à travers la page. Vous pouvez également cliquer avec le bouton droit sur un groupe d'options dans le panneau Paramètres pour le présélectionner dans le menu des attributs Extende, ce qui rend le processus plus rapide et plus intuitif.

Champs modifiés pour étendre

Cette option vous permet de localiser des champs spécifiques au sein d'un groupe d'options à étendre. Par exemple, si vous souhaitez seulement prolonger la couleur d'arrière-plan d'un bouton plutôt que son style entier, vous pouvez sélectionner ce champ.

Avantages clés des attributs d'étendue de Divi 5

Étendre les attributs dans Divi 5 est plus qu'une simple fonctionnalité. Il améliore la façon dont les utilisateurs abordent la conception Web. Voici les principaux avantages qui en font un outil essentiel pour les utilisateurs divi 5.

1. Efficacité du temps

Étendre les attributs du temps de conception de slash en permettant des changements instantanés et balayés sur plusieurs éléments. Au lieu de modifier manuellement chaque module, vous pouvez appliquer des mises à jour en secondes. Par exemple, changer le style d'arrière-plan de toutes les tables de tarification sur une page prend désormais un clic droit et quelques sélections, ce qui permet de gagner du temps sur le travail répétitif. En conséquence, vous pouvez vous concentrer sur la situation dans son ensemble.

2. Conception de la cohérence

La cohérence est l'épine dorsale de la marque forte et offre une expérience utilisateur transparente. Les attributs d'étendue garantissent l'uniformité en vous permettant de propager rapidement des styles, des préréglages ou du contenu sur votre site. Qu'il s'agisse de couleurs de bouton assorties ou d'aligner la typographie sur les sections, cette fonction garantit un look poli et cohérent qui élève le professionnalisme de votre site Web.

3. Flexibilité et contrôle

Avec les attributs de prolongement, vous êtes au siège du conducteur. La fonctionnalité offre une flexibilité accrue, vous permettant de choisir exactement les attributs à étendre et où les appliquer, des modules spécifiques aux pages entières. Cet équilibre de précision et d'évolutivité signifie que vous pouvez faire des ajustements ciblés ou de larges mises à jour sans sacrifier la vitesse ou la précision.

4. convivial pour tous les niveaux de compétence

Que vous soyez un débutant en train de construire votre premier site ou un développeur qui gérait des projets complexes, les attributs de prolonger sont conçus pour tout le monde. Son interface intuitive cliquez avec le bouton droit au sein du constructeur visuel le rend accessible, nécessitant des connaissances à codage zéro ou des compétences avancées. Cette facilité d'utilisation permet aux utilisateurs de tous les niveaux de compétence de créer de superbes sites Web.

5. Créativité améliorée

La facilité d'appliquer et d'expérimenter les changements de conception encourage la créativité intrépide. Les attributs d'étendue vous permettent de tester de nouveaux styles ou des dispositions sans redouter les reculs prolongés. Vous voulez essayer une nouvelle palette de couleurs audacieuse ou ajuster les marges à l'échelle mondiale? En quelques clics, vous pouvez prévisualiser les changements et affiner votre vision, déverrouiller les possibilités infinies de conception innovante.

Ces avantages font des attributs de prolongement une pierre angulaire de la mission de Divi 5 pour rationaliser la conception Web tout en amplifiant la créativité et l'efficacité, établissant une nouvelle norme pour ce qui est possible avec un constructeur de pages WordPress.

Cas d'utilisation pratiques pour les attributs d'étendue

Extend Attributs est une fonctionnalité polyvalente avec des applications du monde réel qui améliorent les flux de travail et améliorent la qualité de conception. Voici quelques exemples pratiques de la façon de les exploiter dans votre processus de conception:

• Mises à jour de l'image de marque: Imaginez une entreprise subissant un changement de marque qui nécessite tous les boutons d'appel à l'action pour refléter un nouveau schéma de couleurs orange dynamique. Vous pouvez sélectionner un bouton, ajuster sa couleur et étendre ce style à chaque bouton à travers la page en quelques minutes. Cela garantit la cohérence de la marque sans les tracas de mettre à jour manuellement chaque élément, ce qui permet de gagner du temps sur de grands sites Web.
• Modèles de normalisation: le maintien d'un aspect cohérent est la clé pour un site de portefeuille avec des dizaines de modules de témoignage. À l'aide d'attributs Extend, vous pouvez appliquer un style prédéfini à tous les modules de témoignage sur une page, comme une bordure, un arrière-plan ou une police spécifiques. Cela garantit que chaque témoignage a une apparence uniforme, renforçant le professionnalisme et la cohérence.
• Mises à jour du contenu: la gestion d'un blog ou d'un site de portefeuille implique souvent la mise à jour du contenu répétitif, comme une phrase d'appel à l'action ou un e-mail de contact. Avec les attributs Extend, vous pouvez mettre à jour le texte dans un seul module et l'étendre à tous les modules similaires sur plusieurs sections. Par exemple, vous pouvez changer de contact pour nous contacter sur tous les modules de bouton en quelques secondes pour faciliter et facile les modifications du contenu.
• Conception réactive: l'optimisation du mobile est essentielle dans le paysage Web d'aujourd'hui. Étendre les attributs simplifie cela en vous permettant d'appliquer des paramètres réactifs, comme la taille de la police ou les ajustements de rembourrage, sur tous les éléments d'un type spécifique. Par exemple, vous pouvez réduire la taille de la police de tous les en-têtes pour les appareils mobiles dans une seule action, en garantissant une expérience utilisateur transparente à travers la taille des écrans.

Essayez la fonction d'attributs Extend des Divi 5 aujourd'hui

Les attributs d'étendue améliorent l'efficacité et la flexibilité dans la conception Web. Il permet aux utilisateurs de prolonger les styles, les préréglages et le contenu sur les éléments, le temps de gagner du temps, d'assurer la cohérence et de susciter la créativité pour tous les niveaux de compétence. Que la mise à jour d'une section ou d'une page entière, prolongez les attributs rationalise le processus. C'est un outil incontournable pour les utilisateurs Divi.

Prêt à essayer d'étendre les attributs dans Divi 5? Téléchargez le Divi 5 Public Alpha pour les nouveaux sites Web. Voyez comment il transforme votre flux de travail. Partagez des expériences, des conseils ou des questions dans les commentaires. Alternativement, connectez-vous sur nos réseaux sociaux. Nous aimerions savoir comment vous améliorez les conceptions.

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