Introduire des attributs d'étendue pour divi 5

Aujourd'hui, nous sommes ravis de publier des attributs d'étendue pour Divi 5.

Beaucoup de gens nous ont dit qu'ils manquaient la fonctionnalité Extende Styles de Divi 4, donc j'ai consacré du temps libre à l'amener à Divi 5 et à le rendre dix fois meilleur. Il s'agit d'une fonctionnalité surprise très puissante à ajouter à la liste de toutes les autres grandes choses à venir à Divi 5.

Découvrez la vidéo suivante pour voir la nouvelle fonctionnalité en action.

Votre nouvelle superpuissance de conception

Les attributs d'étendue peuvent prendre n'importe quel attribut ou collection d'attributs et les propager via votre page pour apporter des modifications radicales instantanément.

Cliquez avec le bouton droit sur n'importe quel élément et sélectionnez l'option d'attributs Extende pour choisir les attributs que vous souhaitez étendre, que ce soit des styles, des préréglages ou du contenu, et où et à quels éléments vous souhaitez les étendre.

Par exemple, dans la vidéo ci-dessous, je repense une page et je fais des ajustements de style à un module, y compris des styles et préréglages statiques.

Lorsque je clique avec le bouton droit sur ce module et que je choisis des attributs d'étendue, il ouvre le panneau d'attributs Extende où je peux étendre tous les attributs de conception du module au reste du module dans la même ligne, en harmonisant instantanément leur conception.

Étendre n'importe quoi n'importe où

En regardant de plus près le panneau Extende Attributs, vous pouvez voir de nombreuses options pour contrôler ce que vous voulez étendre et où. Vous pouvez vous étendre à des emplacements particuliers et à certains types d'éléments. Vous pouvez également étendre des groupes spécifiques de paramètres ou des catégories d'attributs distinctes.

• Étendre à partir de l'élément - il s'agit de l'élément source à partir de laquelle vous souhaitez étendre les attributs. Vous pouvez sélectionner n'importe quel module dans la liste ou cliquer sur n'importe quel module de la page pour le sélectionner automatiquement comme élément source. Si vous cliquez avec le bouton droit sur un élément et choisissez Extend Attributs, il sera automatiquement défini comme l'élément source.
• Étendre à l'emplacement - Vous pouvez choisir où étendre les attributs, que ce soit aux éléments du même groupe, colonne, section de ligne ou même la page entière. Par exemple, si vous travaillez sur un ensemble de modules sur une section sombre, et que leurs styles sont spécifiques à la zone en mode noir, vous voudrez peut-être étendre les attributs aux éléments de la même section.
• Étendre au type d'élément - Dans Divi 5, les attributs peuvent être étendus entre différents types d'éléments. Lorsque vous étendez des attributs, vous pouvez choisir les éléments à étendre. Vous voudrez peut-être s'étendre à des modules ou des catégories d'éléments particuliers, comme les conteneurs.
• Type d'attribut à étendre - Dans Div5, vous n'êtes pas limité à l'extension des styles. Vous pouvez étendre les styles, le contenu, les préréglages ou toute combinaison de ces catégories d'attributs.
• Groupe d'options à étendre - Vous pouvez étendre les attributs à partir de groupes d'options particuliers. Par exemple, si vous souhaitez étendre les styles de bouton de votre formulaire de contact à tous les autres modules avec des boutons, vous pouvez étendre tous les attributs du groupe d'options de bouton à tous les éléments de la page. Vous pouvez également cliquer avec le bouton droit sur n'importe quel groupe d'options et choisir des styles d'étendre pour présélectionner ce groupe d'options dans le menu.
• Champs à étendre - vous pouvez même étendre les paramètres individuels. Tous les paramètres modifiés s'afficheront dans ce menu déroulant, qui peut être facilement recherché et filtré. Vous pouvez également cliquer avec le bouton droit sur n'importe quel champ du panneau Paramètres pour présélectionner ce champ dans le menu.

Options de menu de clic droit pratique

Le panneau d'attributs Extende contient des options pour contrôler ce que vous étendez et où vous permettant de devenir aussi détaillé que vous le souhaitez avec les extensions d'attribut. Mais il existe également des moyens rapides d'étendre les attributs à l'aide du menu cliqueté avec le bouton droit.

Vous pouvez rapidement étendre différentes catégories d'attributs de différents groupes d'options.

Par exemple, j'ai créé un nouveau style de bouton dans la vidéo ci-dessous et je souhaite l'utiliser dans toute la page sur tous les modules contenant des éléments de bouton. Je peux cliquer avec le bouton droit sur le module et choisir d'étendre tous les attributs de conception du groupe d'options de bouton à chaque module de la page.

Juste comme ça, tous mes boutons sont mis à jour.

Panneau d'attribut de contexte

Lorsque le panneau d'attributs Extende est ouvert, il change automatiquement les contextes lorsque vous cliquez sur différents modules de la page. Vous pouvez toujours étendre rapidement les styles à partir du module sur lequel vous travaillez.

Grâce au système de panneau dockable et combinable de Divi 5, votre panneau d'attributs Extend peut être amarré dans la barre latérale gauche pour un accès facile.

Essayez Divi 5 aujourd'hui

Étendre les attributs pour Divi 5 est disponible aujourd'hui, et c'est l'une des nombreuses fonctionnalités qui arrivent à Divi cette année.

Vous pouvez suivre au fur et à mesure que nous progressons dans la version finale de Divi 5 et au-delà, avec des mises à jour toutes les deux semaines. Selon vos priorités, vous pouvez utiliser Divi 5 maintenant pour créer de nouveaux sites Web ou attendre que nous ajoutions plus de fonctionnalités, tout ce qui vous convient le mieux.

Comme indiqué dans le calendrier de libération multi-phases original de Divi 5, le divi 5 public alpha est comme «divi 5 lite». Il manque quelques fonctionnalités et peut ne pas convenir aux sites Web existants, mais il est prêt à être utilisé sur de nouveaux sites Web si vous préférez l'expérience à Divi 4.

Nous voulons que vous l'essayiez, et si vous l'aimez, utilisez-le; Quand tout le monde l'aime, nous le rendrons officiel.

Sneak Peek: Loop Builder

Nous construisons des fonctionnalités rapidement . Chaque fois que nous terminons une nouvelle fonctionnalité, nous en commençons une nouvelle. Chaque fois que nous commençons une nouvelle fonctionnalité, je vous donne un aperçu.

Au cas où vous l'auriez manqué, consultez le long métrage de la semaine dernière Sneak Peek, où j'ai présenté le prochain constructeur de boucle de Divi.

L'idée derrière le constructeur de Loop de Divi est simple: boucle tout! Vous pouvez créer un nouveau contenu post-basé en bouclant des sections, des lignes, des colonnes, des groupes, des modules et des sous-éléments.

Regardez cette vidéo pour tous les détails.

Plus de mises à jour divi 5 sont en route

2025 est l'année de Divi 5 . Le travail fastidieux est derrière nous. Nous avons construit la fondation super rapide, et maintenant il est temps pour Divi pour faire son retour.

Si vous êtes ici pour le retour Divi, faites-nous une énorme faveur et faites-le nous savoir en aimant cette vidéo et en laissant un commentaire. Cela signifie beaucoup pour nous de vous voir applaudir divi, et il est essentiel de nourrir l'algorithme et de faire passer le mot.

N'oubliez pas de nous suivre sur YouTube et abonnez-vous à la newsletter Divi afin de ne jamais manquer une mise à jour. Je vous verrai bientôt pour une autre annonce de fonctionnalité Divi 5, ce qui, je le promets, sera au coin de la rue.