La meilleure nouvelle fonctionnalité Divi de l'année ? Présentation de l'organisation des options et de la recherche d'options

Aujourd'hui, nous publions ce qui doit être ma nouvelle fonctionnalité Divi préférée de l'année. C'est ma nouvelle fonctionnalité préférée car je sais l'impact énorme que cela va avoir sur votre productivité, et j'adore publier des mises à jour qui améliorent l'efficacité et rendent Divi et un outil plus facile et plus agréable à utiliser.

Divi a eu un long parcours et à chaque évolution, le constructeur est devenu plus robuste et riche en fonctionnalités. Cependant, chaque fois que nous ajoutions une nouvelle option de module, les onglets d'options devenaient un peu plus encombrés. Pour ceux qui débutent avec Divi, trouver le paramètre de module souhaité peut prendre un certain temps. Il était souvent difficile de savoir si le paramètre existait, et si c'était le cas, sous quel onglet l'option pouvait être trouvée. Dans chaque onglet, la longue liste d'options non organisées était difficile à parcourir.

Nous avons abordé ce problème sous plusieurs angles différents. Tout d'abord, chaque option Divi a été regroupée en catégories. Les options similaires ont été combinées en sous-groupes au sein de chacun des trois onglets d'options Divi. Les trois onglets d'options Divi ont été renommés pour permettre une distinction plus claire entre chaque onglet, et tous les groupes d'options de modules ont été déplacés en conséquence. Ces groupes d'options ont été organisés selon une hiérarchie compréhensible, tout comme les options au sein de chaque groupe. Enfin, nous avons rendu les options consultables (et c'est vraiment cool) !

Présentation des groupes d'options

Toutes les options du module ont été regroupées en sections au sein de chaque onglet de paramètres Divi. Lorsque vous parcourez une liste d'options, il est tellement plus facile de trouver le paramètre souhaité . Chaque module a des groupes similaires, ce qui signifie que lorsque vous ouvrez un nouveau module pour la première fois, il est assez clair où trouver ce que vous recherchez.

Ces groupes sont particulièrement utiles pour Visual Builder où nous avons transformé les groupes d'options en bascules. Cela consolide l'espace et vous permet d'utiliser un petit modal de paramètres qui n'obstrue pas votre vision de la page. Vous n'avez plus besoin de faire défiler de longues listes d'options car tous les groupes d'options sont visibles même lorsque votre modal de paramètres a été réduit à une très petite taille. Accédez simplement à l'onglet souhaité, ouvrez le groupe d'options souhaité et commencez à éditer !

Meilleure organisation des options

Non seulement nous avons regroupé les options, mais nous les avons également réorganisées. Lorsque vous ouvrez un onglet de paramètres, les groupes d'options que vous voyez sont classés d'une manière logique (fou, n'est-ce pas ?). Les groupes d'options de texte se succèdent dans la liste et adhèrent à un sens basique de la hiérarchie. Lorsque vous ouvrez un groupe de paramètres, la liste des options a également été réorganisée. Les paramètres qui sont souvent utilisés ensemble apparaîtront les uns à côté des autres dans la liste. C'est un changement simple, mais cela fait une énorme différence.

Les nouveaux onglets d'options

Nous avons renommé les trois onglets des paramètres de base de Divi et toutes les options ont été déplacées en conséquence. Auparavant, tous les modaux de paramètres du module Divi comportaient trois onglets de base : Basic, Advanced Design et Custom CSS. Ces onglets d'options sont nés de la progression naturelle de Divi au fil des années. La distinction entre les paramètres « Général » et les paramètres « Conception avancée » est cependant devenue arbitraire au fil du temps. La distinction était davantage basée sur l'histoire de Divi que sur une différence objective entre les paramètres de chaque onglet. Pour les nouveaux utilisateurs, cela n'avait vraiment pas autant de sens que cela aurait dû.

Aujourd'hui, nous introduisons trois nouveaux onglets : Contenu , Conception et Avancé . Dans l'onglet contenu, vous trouverez tous vos éléments de texte, d'image, de vidéo et de module (tels que : texte d'en-tête, texte de contenu, image de curseur, icône de présentation, etc.). Dans l'onglet Conception, vous trouverez tous vos paramètres de conception (couleurs, polices, taille et espacement). Dans l'onglet Avancé, vous trouverez des options qui seront utiles pour les utilisateurs avancés ayant une expérience de la conception Web (telles que CSS personnalisé, classes CSS et attributs HTML).

L'idée est simple. Lorsque vous ouvrez un onglet de paramètres et localisez un groupe de paramètres, ce que vous allez trouver dans ce groupe doit être clair avant de l'ouvrir. Non seulement cela facilite la navigation dans les paramètres actuels de Divi, cela signifie également que nous pouvons continuer à ajouter de nombreuses nouvelles options de module sans encombrer l'interface. Et devine quoi? Nous avons beaucoup de nouvelles options de module en route !

Dans le Visual Builder, toutes les options du module Divi sont désormais consultables. Lorsque vous effectuez une recherche parmi les options, les résultats apparaissent instantanément ! C'est une fonctionnalité tellement incroyable qu'une fois que vous commencez à l'utiliser, vous aurez du mal à croire comment vous avez vécu sans elle. Je ne saurais trop insister sur le fait que cela contribuera à augmenter la productivité une fois que vous vous serez habitué à l'utiliser.

Une fois que vous recherchez une option, Divi affiche une liste de paramètres pertinents et vous pouvez modifier votre option directement à partir de la liste des résultats de recherche. Si vous savez ce que vous voulez changer, il vous suffit de taper quelques lettres pour accéder à l'option souhaitée encore plus rapidement que de cliquer sur les onglets de paramètres nouvellement organisés.

Selective Sync est l'un des joyaux cachés de Divi. Il vous permet de créer des modules globaux que vous pouvez placer sur plusieurs pages de votre site tout en ne synchronisant que certains paramètres de module sur chaque page. Par exemple, vous pouvez créer un module global Fullwidth Header que vous placerez sur chaque page de votre site. Grâce à la synchronisation sélective, vous pouvez refléter les paramètres de conception sur chaque page tout en gardant les éléments de contenu du module non synchronisés (tels que le texte de l'en-tête). Cela vous permet d'avoir un contenu unique sur chaque page, mais de garder tous les éléments de conception du module synchronisés. Lorsque vous apportez une modification de conception au module global, cette modification est répercutée sur chaque page tandis que votre texte d'en-tête reste unique !

Dans le passé, Divi vous permettait de synchroniser de manière sélective l'un des trois onglets de paramètres (Général, Conception et CSS) à la fois. C'était génial, cependant, cela ne vous a pas donné un contrôle total.

Synchronisation sélective pour toutes les options

Aujourd'hui, nous introduisons un tout nouveau système de synchronisation sélective qui vous permet de synchroniser et de désynchroniser des paramètres individuels pour chaque module global que vous créez. Il s'agit désormais d'une fonctionnalité standard de tous les modules globaux, ce qui signifie que les anciennes options de synchronisation sélective ont été supprimées. Vous pouvez désormais synchroniser sélectivement n'importe quelle combinaison de paramètres, ce qui rend les modules globaux Divi incroyablement puissants !

Inscrivez-vous, renouvelez et mettez à niveau aujourd'hui pour 10 % de réduction !

Rejoignez la communauté de thèmes WordPress la plus enthousiaste et la plus aimante du Web et téléchargez Divi 3.0 dès aujourd'hui. En utilisant le nouveau Visual Builder, vous pouvez créer des sites Web plus rapidement que jamais grâce à son interface visuelle incroyablement rapide et intuitive. Tu dois le voir pour le croire!

Inscrivez-vous aujourd'hui pour 10 % de réduction !
Renouvelez votre compte aujourd'hui pour 10 % de réduction !
Mettez à niveau votre compte aujourd'hui pour 10 % de réduction !