La création damp;rsquoun design de bouton Divi unique à lamp;rsquoaide damp;rsquoun formulaire texte peut déjà être venue à lamp;rsquoesprit. camp;rsquoest le cas, êtes plus créatif que ne le pensez! Avec la publication de lamp;rsquooption de curseur dans Divi, tous les modules peuvent être cliqués. Cela ouvre la porte à lamp;rsquoutilisation de namp;rsquoimporte quel module (et de tous ses paramètres de conception intégrés) comme CTA ou bouton cliquable. Par exemple, un formulaire texte permet damp;rsquoajouter autant de texte que le souhaitez dans un format différent. De plus, les modules de texte ont de puissantes options de conception pour personnaliser les filets pour créer des formes uniques.
Dans ce tutoriel, je vais explorer quelques conceptions uniques de boutons Divi qui peuvent utiliser des modules texte. Allons y! Voici quelques exemples de conception de boutons que nous pouvons facilement créer en utilisant des formulaires texte. Camp;rsquoest un bouton avec deux lignes de texte Camp;rsquoest un bouton qui utilise les éléments de la liste Camp;rsquoest un bouton qui utilise le coin créatif Créez un abonnement design unique pour le bouton Divi en utilisant des formulaires de texte créez un bouton avec plusieurs lignes de texte pour notre canal YouTube 1 comme décrit ci dessus, les formulaires de texte permettent un nombre illimité de texte, de sorte que lamp;rsquoutilisation de formulaires de texte Multi formats facilite la création de boutons avec seulement deux lignes de texte. Vous pouvez ajouter du texte à des paragraphes, des titres, des liens, des listes et des guillemets en utilisant ce que voyez est ce que obtenez ou lamp;rsquoéditeur de texte. La meilleure partie du module texte est que pouvez utiliser lamp;rsquointerface utilisateur tab intégrée dans les paramètres de conception du générateur visuel pour localiser et modéliser chacun de ces formats de texte individuellement.
Cela facilite lamp;rsquoajout de plusieurs lignes de texte, puis modélise chaque ligne individuellement pour obtenir une disposition unique des boutons. Voici un exemple rapide
Fee140 (stationnaire)
Voici à quoi ressemble votre vol stationnaire.
2 créer un bouton damp;rsquoélément de liste parce quamp;rsquoun formulaire texte permet damp;rsquoajouter une liste (non triée ou triée) au contenu, pouvez utiliser cette fonctionnalité pour créer un bouton de liste. Fondamentalement, il suffit de créer une liste contenant les éléments de la liste dans la zone de contenu. Les éléments de la liste sont ensuite enveloppés dans des balises de titre afin que puissiez modéliser les éléments de la liste à puces et le texte du titre, respectivement.
non, créez une nouvelle page et déployez Visual Builder. Sélectionnez lamp;rsquooption construire à partir de zéro. Ensuite, créez une nouvelle section ligne par colonne. Le formulaire texte est ensuite ajouté à la ligne. Ensuite, ajoutez le code HTML suivant à lamp;rsquoonglet texte des paramètres de contenu:
Contactez nous
Assurez damp;rsquoinclure le texte de lamp;rsquoélément de liste dans lamp;rsquoétiquette damp;rsquoen tête afin que puissiez définir individuellement le style de lamp;rsquoélément de liste point de numérotation.
Passez maintenant à lamp;rsquoonglet conception et complétez la conception du formulaire texte en tant que bouton: dans la catégorie paramètres de texte, Sélectionnez lamp;rsquoonglet Liste ordonnée et mettez à jour ce qui suit: caractères de liste ordonnée: exo 2 avec poids de caractère de table séquentielle: léger avec couleur de texte de table séquentielle: 000000 avec taille de texte de table séquentielle: 20 Px espacement des lettres de liste ordonnée: 5px style de liste ordonnée type: zéro décimal initial avec emplacement de style de table séquentielle: entrée externe Dans lamp;rsquoélément de liste trié dans la catégorie de texte titre: 2em, cliquez sur lamp;rsquoonglet H3 et mettez à jour ce qui suit:
Caractère de titre 3: exo 2 titre 3 poids de police: titre semi gras 3 style de police: tt titre couleur du texte 3: 0c71c3 titre 3 taille du texte: 26px hauteur de la ligne de titre 3: 0,3 em puis changer l
