25 partition fonctionnelle \
Caractères de titre et de bouton dans une petite liste.
Astuce: vous n’avez pas besoin de cliquer sur un onglet spécifique avant de chercher. Les résultats de la recherche sont extraits de toutes les options des Trois onglets, où que vous soyez dans les paramètres de texte. La barre de recherche se trouve également lorsque vous ajoutez un nouveau formulaire. Commencez à taper le nom du formulaire désiré et votre formulaire apparaîtra en haut de la liste sans avoir à défiler pour le trouver.
# 3 alternant deux couleurs de fond fanées: il y a un bouton. Ce n’est pas une très bonne fonctionnalité, mais je voudrais le mentionner, parce que je sais que certains d’entre vous ont changé ces codes de couleur manuellement, donc ne peuvent pas dormir la nuit. Il est parfois difficile d’obtenir le bon fond de gradient, il est donc bon d’avoir une telle option. Pour remplacer une couleur, il suffit de passer le curseur sur le sélecteur de couleurs et de cliquer sur l’icône remplacer une couleur (je ne suis pas sûr du terme officiel). C’est aussi l’icône à côté de l’icône supprimer.
4 raccourcis clavier que
Ils sont facilement perdus et souvent oubliés. Mais si vous vous engagez à les utiliser, ils accéléreront votre flux de travail. Les économies de temps peuvent être considérables par rapport à l’absence de raccourcis. Je veux dire, il y a une raison pour laquelle nous apprenons à taper au lieu de nous adapter à l’écriture (bien que j’aime l’écriture). Il en va de même pour la création de sites Web. Vous trouverez la liste des raccourcis clavier en mode assistant Divi Builder. Tapez simplement un point d’interrogation (majuscules +?) Sur le clavier de Visual Builder, cliquez sur l’onglet raccourcis clavier.
Oh, oui, vous pouvez accéder aux vidéos des documents d’aide de la même façon. N’oublions pas ça. Voici une liste de tous les raccourcis disponibles. J’ai souligné les options que je recommande de commencer à utiliser (personnellement, je les utilise toujours): # 5 vue wireframe Je l’ai mentionné parce qu’il comble une lacune qui doit passer à la construction d’arrière – plan lors de la conception avec Visual Builder. Par conséquent, pour tous les constructeurs d’arrière – plan non simplifiables, vous pouvez envisager de passer à un constructeur visuel. N’oubliez pas d’activer et de désactiver les hotkeys pour les vues wireframe: shift + W
Pour obtenir une vue de mise en page plus large dans wireview, vous pouvez sélectionner les icônes fléchées sur chaque section ou ligne pour compresser la section entière. # 6 Édition en ligne vous pouvez effectuer l’édition en ligne à certains endroits. Lorsque vous utilisez Visual Builder et que vous voulez éditer du texte dans un formulaire donné, vous n’avez pas besoin de cliquer pour modifier les paramètres du formulaire pour modifier le contenu. En cliquant simplement sur le texte, un éditeur en ligne est distribué, vous permettant d’éditer le texte. Vous pouvez également mod éliser lorsque vous utilisez des vues wireframe dans Visual Builder
Ni (si vous voulez savoir, la position fixe de la barre latérale gauche). Mais parfois, j’ai besoin de briser la tradition et de changer la position du mode (habituellement lorsque je l’édite sur un petit écran comme un ordinateur portable). Par conséquent, je fixe la position par défaut à fixe dans la barre latérale gauche. De cette façon, je ne serais pas pris dans une position modale que je ne me sentirais pas à l’aise tant que je n’aurais pas réalisé la nécessité de la remettre à ma façon préférée.
Par défaut, Divi regroupe les options de réglage en commutateurs. Cela signifie que vous devez cliquer sur ouvrir ces leviers pour voir les options dans chacun d’eux. Vous pouvez désactiver cette fonctionnalité de sorte que vos paramètres ne soient plus groupés dans le commutateur, vous permettant de faire défiler les paramètres sans cliquer pour en voir plus. Comme beaucoup des fonctions énumérées dans cet article, il s’agit certainement d’une préférence personnelle. Mais je vois que c’est bon pour tout le monde. Lorsque vous passez le curseur, le mode d’interaction par défaut met en évidence le menu paramètres et le distribue à n’importe quelle section, ligne ou module.
Le mode clic est également utile. Parfois, vous ne savez pas sur quel module vous éditez ou passez le curseur, surtout si ces modules sont fermés ensemble et \/ ou ont des marges personnalisées. Le mode de clic élimine complètement la devinette en mettant en évidence et en résumant le contenu du formulaire avant de cliquer sur modifier le formulaire. Le mode grille met également en évidence le menu de configuration pour toutes les sections, lignes et modules. Bien que je n’utilise pas personnellement ce mode par défaut, j’ai vu la valeur d’utilizz
Ou utilisez le mode Mesh chaque fois que vous déplacez \/ réarrangez des éléments sur la page 9 liens de conception, listes et références pour les formulaires de texte n’oubliez pas la nouvelle interface de tabulation pour gérer les styles de texte personnalisés dans les formulaires de texte Divi. Ces onglets vous permettent de personnaliser la conception des liens, des listes (désordonnées et triées) et des références. L’utilisation de css pour effectuer ces changements peut être une opération de glisser – déposer. De plus, vous voudrez peut – être modifier le contenu entre les modules. Ces options vous permettent de le faire facilement. Voici mes deux options préférées que vous avez peut – être ignorées. Sur les onglets liste non triée et liste triée, vous pouvez facilement modifier le type de style de liste ou les supprimer tous en même temps. Vous pouvez également modifier la marge d’indentation et l’emplacement du style d’un élément de liste. Dans l’onglet BLOCKQUOTE, vous pouvez modifier l’épaisseur et la couleur des bordures des éléments de conception qui distinguent BLOCKQUOTE 10 les six couches de titre ont les mêmes options de conception que l’étape 9 ci – dessus, et la nouvelle interface tabulaire s’applique également aux couches de titre de texte. Cela signifie que si vous avez un module avec plusieurs en – têtes (H1, H2, H3, etc.) Vous pouvez spécifier un style unique pour chaque titre dans les paramètres de conception du formulaire. Dans l’onglet conception, ouvrez la section titre ou texte du titre et sélectionnez l’onglet qui contrôle le type de titre que vous souhaitez personnaliser. Astuce: vous saurez quelles couches de titre sont personnalisées par des étiquettes bleues sur la planche. Si l’étiquette reste grise, les paramètres par défaut pour cette couche de titre sont actifs 11 charger des caractères personnalisés avec le module Divi qui sait? Peut – être que le bouton de téléchargement est caché dans un site Web simple
Pour certains d’entre vous. Si c’est le cas, vous devriez certainement profiter de cette fonctionnalité pratique. Non seulement vous pouvez facilement télécharger des polices personnalisées dans différents types de fichiers (EOT, woff2, WOFF, TTF, OTF), Divi stocke également ces polices personnalisées pour vous afin qu’elles soient disponibles pour tous les modules de votre site. Il vous suffit de sélectionner la police pour modifier l’élément texte, puis cliquez sur le bouton télécharger. Le mode upload font apparaît, vous permettant de nommer et d’ajouter des fichiers de police. Après avoir sélectionné le fichier, cliquez sur le bouton télécharger. Vous pourrez ensuite accéder à ces caractères personnalisés à partir de la même liste de caractères contenue dans Divi Builder. # 12 supprimer l’espace sous l’image cette fonctionnalité existe depuis un certain temps, mais vous pouvez avoir perdu ou ne pas comprendre son sens. Cette option n’affecte l’image que si elle est le dernier module de la colonne. Si elle est activée, la distance entre le bas de l’image et la section suivante est supprimée, ce qui permet à l’image de définir le Haut de la section suivante de la page. Une façon d’utiliser cette fonctionnalité est de placer l’image de titre à côté de la section ci – dessous. # 13 ajouter des unités différentes pour différentes entrées par défaut, Divi les traite comme des unités de pixels lorsque vous saisissez des nombres pour certaines entrées dans les paramètres de Divi Builder. Mais vous ne vous limitez pas à insérer des unités de pixels pour ces options d’entrée. Vous pouvez également saisir d’autres unités, y compris%, EM, VH et VW. Par exemple, les pourcentages sont très efficaces pour les appareils mobiles. Si la marge définie sur le Bureau est supérieure à 5% (au lieu de 100 Px), elle est proportionnelle à 5% de la taille de la section sur l’appareil mobile (au lieu d’hériter d’un grand espace de 100 Px, qui sera
Izzo utilise l’option de clic droit pour renommer la section en une étiquette d’administrateur reconnue. # 17 désactiver la fonction de liaison descendante de haut niveau Emplacement: Divi → options de sujet → navigation → paramètres généraux Il est clair que les liens de menu déroulant de haut niveau sont les principaux liens qui restent visibles dans le menu de navigation. Les liens secondaires sont ceux qui apparaissent lorsque vous passez le curseur sur le lien principal de haut niveau. Si vous désactivez les liens déroulants de haut niveau, le lien principal de haut niveau n’est plus optionnel. Ils peuvent plutôt servir de substituants non cliquables pour marquer et organiser les liens secondaires. Par exemple, supposons que vous construisiez un site Web pour une entreprise qui offre trois services principaux, chacun nécessitant sa propre page. La configuration habituelle est un lien de haut niveau appelé « service » avec trois types de services comme entrées de sous – menu. Vous n’avez pas besoin de gérer les liens vers les pages de services réguliers, vous pouvez désactiver les liens de services de haut niveau et simplement les utiliser comme étiquettes d’organisation. # 18options de défilement pour localiser la position de la fonction: Divi → options de sujet → navigation → paramètres généraux Si vous avez déjà essayé de lier directement à l’ID CSS en utilisant le lien d’ancrage d’une page externe, vous avez peut – être remarqué que la position de repos finale de la page n’est pas entièrement correcte. Parfois, il est si bas qu’une partie du contenu est coupée du haut. Voici l’apparence de mon écran après le lien vers l’ID CSS à partir d’une page externe. Vous ne pouvez pas le voir, mais certains titres ont été supprimés. Activer cette méthode