Réponse: nrsquoavez même pas besoin du tutoriel, et après avoir fait quelques expériences sur ses options, constaterez qursquoil est puissant et largement utilisé. En parlant de CTA, nous pouvons voir de grands exemples de CTA produits par lrsquoauteur de lrsquooutil sur la page du plug in Qi, ou comme inspiration.
Il est important de comprendre dès le départ ce qursquoun Dec peut contenir. Les titres sont optionnels et pouvez ou non les avoir. Le texte est également facultatif pour fournir plus d sur lrsquoopération elle même. Les boutons drsquoaction peuvent avoir différents styles et avoir leur propre animation. Avec ce Widget, non seulement le lien doit être cliquable, mais lrsquoensemble du champ CTA peut également être cliquable. Lrsquoélément suivant de la LTC est lrsquoarrière plan, qui est facultatif ou peut être un bord.
Une fois que avez installé le plug in Qi, trouverez tous ses éléments dans le Widget. Il suffit de trouver lrsquoélément CTA et de le faire glisser et déposer à lrsquoendroit que voulez.
Après lrsquoentrée, comme pour tout Widget, trouverez les paramètres à gauche. Lorsque insérez un widget CTA, il y a des modules prédéfinis disponibles que pouvez modifier et aligner pour correspondre à votre style de page. Lrsquoonglet Contenu et styles est les paramètres du Widget CTA, où pouvez définir les éléments à afficher et le style des champs CTA. Comme le savez, lrsquoonglet avancé est lrsquoonglet projet par défaut et ses paramètres sont liés aux paramètres de la colonne elle même ou de tout autre élément. Paramètres de lrsquoonglet Contenu commençons par les paramètres généraux de lrsquoonglet contenu.
Crsquoest là que nous insérons le titre et le texte. Comme nous lrsquoavons déjà dit, ces champs ne sont pas obligatoires et si ne les entrez pas, nrsquoaurez pas de texte. Cela nrsquoest guère nécessaire parce que le bouton
Drsquoune manière ou drsquoune autre, le bouton vide lui même est suffisant pour motiver lrsquoutilisateur à agir, nrsquoimporte quel bouton peut fonctionner, mais ce nrsquoest pas le cas. Lrsquooption suivante est le bouton ci dessous, et nous fournissons quelques valeurs. Qursquoest ce que ça veut dire exactement?
Cela signifie que nous avons défini la taille de lrsquoécran, après quoi les boutons seront placés sous le titre et le texte au lieu drsquoêtre alignés sur le texte, comme sur un grand écran. Crsquoest un bon choix, car il nrsquoy a aucune raison drsquoutiliser cette disposition sur les appareils mobiles. Il est beaucoup plus difficile de lire et de comprendre et moins drsquoattention est attirée.
Une chose importante à noter ici est que les boutons sont très collés au texte. Bien sûr, crsquoest facile à réparer, et nous montrerons plus tard comment le réparer, maintenant soyez conscient de cela pour assurer que vérifiez la réactivité des petits appareils. Activez la superposition des liens, la dernière option dans la section générale signifie que seuls les boutons ou lrsquoinvitation entière à lrsquoespace drsquoaction peuvent être cliqués. Dans notre exemple, toute la partie noire est actuellement sélectionnable. Notez que nous nrsquoavons pas défini le lien vers lequel lrsquoaction sera dirigée au début et que rien ne peut être cliqué tant que le lien nrsquoest pas défini.
Le chapitre suivant traite des boutons. Ici, nous ajustons le matériau du bouton, mais pas le style du bouton. Ici aussi, nous sélectionnons le texte que nous trouverons et ajoutons un lien.
En ce qui concerne la mise en page, trois options sont disponibles.
La mise en page complète comporte un fond et un bouton texte. Ce bouton nous permet drsquoajouter des bordures aux options de style plus tard. La disposition du contour nrsquoa que des bordures et du texte, et ne pouvez pas changer la couleur de fond plus tard. La disposition du texte nrsquoa que du texte et ne peut pas ajouter drsquoarrière plan ou de bordure.
En outre, il existe trois types différents de boutons
Au début. Seuls les champs par défaut ont une couleur, et si changez la couleur de fond et que la couleur de fond est la même que la couleur du site, cela signifie que si changez la couleur de la page, lrsquoarrière plan est nécessaire. placez un fond transparent, nrsquoavez pas besoin de changer lrsquoarrière plan du champ en changeant lrsquoarrière plan de la page.
Nous pouvons également ajouter des arrière plans et des images avec plusieurs options.
Les styles drsquoespacement sont des options pour déterminer lrsquoespacement entre les sous titres, le texte et les boutons. Le remplissage supporté est lrsquoespace autour du contenu.
Marge de texte supérieure: détermine la marge au dessus du texte, crsquoest à dire lrsquoespacement entre le texte et le titre. Remplissage à droite du contenu – le texte est trop long, le remplissage autour du texte à droite sépare le texte du bouton.
Marge du bouton: en définissant la valeur, nous pouvons définir la position du bouton et déterminer la marge autour du bouton. Ici, nous devons accorder une attention particulière aux boutons de texte passifs et espacés. Le bord supérieur du bouton est utilisé pour régler cet espacement. Le menu styles de boutons permet de définir une variété de détails de boutons, tels que la couleur de police, la couleur de bordure, la largeur et le rayon, ainsi que la couleur de fond et le remplissage. Le réglage le plus important ici est si voulez que le bouton fonctionne pendant que passez le curseur, ce qui signifie que pouvez simplement cliquer en passant le curseur sur le bouton. sélectionnez lrsquooption normale ici, le bouton fonctionne lorsque cliquez sur le bouton.
Dans les paramètres de style drsquoicône de bouton, pouvez utiliser le curseur pour définir la taille de lrsquoicône, sélectionner entre les options normales et de curseur de souris, et définir la couleur de lrsquoicône et les marges.
Le réglage de la bordure intérieure du bouton permet de définir la couleur, la largeur et le décalage de la bordure intérieure.
Paramètres
Le style de soulignement du bouton permet de définir la couleur, la largeur, le décalage, lrsquoépaisseur et lrsquoalignement du soulignement du bouton. Il est utile de pouvoir voir immédiatement tous les changements que avez apportés.
Crsquoest presque tout. êtes satisfait de lrsquoapparence du bouton, pouvez fermer lrsquoéditeur et vérifier son affichage sur la page. Maintenant que savez à quel point il est facile drsquoajouter une Dec nrsquoimporte où sur le site Web, tout ce que devez faire est drsquoexaminer attentivement où pouvez insérer une Dec sur le site Web. Une bonne compréhension de lrsquoauditoire aidera à créer les Dec les plus efficaces et il existe de nombreux outils qui aideront à mieux comprendre les caractéristiques et le comportement de lrsquoauditoire. avez des questions sur lrsquoutilisation du plug in Qi, veuillez les poser dans la section commentaires: Nous sommes heureux de partager notre expérience et nos connaissances. Nous espérons que cet article sera utile. préférez, nrsquohésitez pas à lire certains de ces articles! Les meilleurs plugins de boutons de la classe WordPress méritent d’avoir 4 façons simples de créer des boutons WordPress conseils de conception de boutons: comment obtenir les clics des visiteurs
Ajouter une invitation à Opérations WordPress
