Effets de survol de lien créatif d'élémenteur
Le widget Master Addons Creative Links transforme un lien texte en un lien animé avec un effet de survol Il est gratuit et comporte 22 effets : 10 fonctionnent dans le plugin gratuit et 12 ont besoin Maître Addons Pro. Ajoutez le texte du lien, une icône facultative et l'URL, choisissez un effet, puis coloriez les parties de l'animation Utilisez-le pour les appels à l'action dans une section, des liens de pied de page ou une courte liste de liens.
Comment ajouter des effets de survol de lien dans Elementor
Vous avez besoin d'Elementor et du plugin gratuit Master Addons Chaque widget contient un lien Voici un détail documentation sur l'élément liens créatifs.
- Vérifiez que Creative Links est activé ci-dessous Additions maîtresses, widgets.
- Dans l'éditeur Elementor, recherchez Liens Créatifs et faites-le glisser sur la page.
- Entrez le texte du lien et l'URL du lien.
- Choisissez un effet dans Effets2, et ajoutez une icône ou un texte de lien alternatif si l'effet en utilise une.
- Dans l'onglet Style, définissez la typographie, le remplissage et les couleurs Normal et Hover.
- Dupliquez le widget pour chaque lien supplémentaire dont vous avez besoin.
22 effets de survol de lien (10 gratuits, 12 professionnels)
Choisissez l'animation dans le Effets dropdown. Effets gratuits : Brackets, Bottom Line Slide, Bottom Border Agrandir, 2nd Border Slide Up, Text Fill, Three Dots, Scale Down, Move Up, Effect 21 et Effect 22. effets pro : Effet 3 D, Glisser vers l'intérieur, Border Slide Down, Border Translate, 2nd Text and Border, Révéler Push Out, Cercle, Interrupteur de bordure, Chute vers le bas, Croix, Glisser 3 D et Glisser vers le bas 3 D.
- Chaque effet est un CSS simple sur le lien et ses couches : : avant et : après.
- Move Up, Reveal Push Out, Cross et les effets de diapositive 3 D montrent le texte de lien alternatif en vol stationnaire.
- Révéler Push Out, Remplir de texte, Réduire, Chute et Monter n'affichent pas l'icône.
Stylez le lien et ses calques d'animation
Styles de liens couvre la largeur, la taille de l'icône, la typographie, le remplissage des liens, la bordure, le rayon de bordure et l'ombre de la boîte Les onglets Normal et Hover définissent la couleur du texte et la couleur de l'arrière-plan, ainsi que les couleurs des calques animées par les effets : couleur BG avant (couleur BG arrière sur le vol stationnaire), couleur BG avant et couleur BG après. La couleur de remplissage du texte apparaît lorsque vous choisissez l'effet de remplissage du texte.
- Les couleurs Normal et Hover sont définies séparément.
- Avant et après BG Colors contrôlez les lignes, les supports et les remplissages qui bougent.
- Largeur, remplissage et alignement sont réactifs.
Options de survol des éléments par rapport aux liens créatifs
Elementor a des animations de survol sur le widget Bouton, et Elementor Pro a des animations de pointeur dans le widget Nav Menu. Voici où chacune d'elles s'adapte.
| Besoin | Bouton Élémenteur | Menu Elementor Pro Nav | Liens créatifs Master Addons |
|---|---|---|---|
| Ce qu'il anime | L'ensemble du bouton (grandir, pulser, flotter, vaciller et autres) | Éléments de menu avec pointeurs de soulignement, de surlignement, de cadrage, d'arrière-plan ou de texte | Un lien texte unique avec des lignes, des crochets, des remplissages ou des flips 3D |
| Nombre d'effets | Une liste des animations de survol pour l'ensemble du bouton | 6 types de pointeurs avec leurs propres animations | 10 gratuits, 22 avec Pro |
| Échanger du texte en vol stationnaire | Non | Non | Oui, avec Alternative Link Text sur certains effets |
| Fonctionne pour un menu complet | Non | Oui, avec des dropdowns et une bascule mobile | Non, un lien par widget |
| Coût | Gratuit | Élémenteur Pro | Gratuit, 12 effets dans Pro |
Pour tout un menu de navigation, le Menu Elementor Pro Nav ou les Addons Master Menu Navigation est-ce que le meilleur ajustement. Pour les boutons avec effets de vol stationnaire, voir Bouton Créatif.
Foire aux questions pour les liens créatifs
Quelle est la différence entre « Texte de lien » et « Texte de lien alternatif » ?
Texte de lien est l'étiquette visible Le texte de lien alternatif est l'étiquette qui glisse ou se retourne sur le vol stationnaire avec Reveal Push Out, Move Up, Cross, 3 D Slide et 3 D Slide Down Si vous le laissez vide, ces effets réutilisent le texte Link Fill, Scale Down et Fall Down utilisent toujours le texte de lien.
Le widget Creative Links est-il gratuit ?
Oui. Creative Links est dans le plugin gratuit Master Addons avec 10 effets et toutes les commandes de style Master Addons Pro ajoute 12 effets, dont 3 D Effect, Circle, Border Switch et les effets 3 D Slide.
À quoi servent la « Before BG Color » et « After BG Color » ?
La plupart des effets dessinent leurs lignes, leurs crochets et leurs remplissages avec les couches : : avant et : après du lien Avant que BG Color et After BG Color ne définissent la couleur de ces couches, dans les onglets Normal et Hover Quelle couche dessine ce qui dépend de l'effet, alors changez une couleur et regardez l'aperçu.
Les effets fonctionnent-ils sur les appareils mobiles (écran tactile) ?
Les téléphones et les tablettes n'ont pas de survol La plupart des navigateurs mobiles appliquent le style de survol pendant un moment lorsque le lien est mis sur écoute, puis l'ouvrent, de sorte que les visiteurs ne peuvent voir qu'un bref flash de l'effet Le lien lui-même fonctionne normalement.
Comment choisir le bon effet ?
Faites correspondre l'effet à l'endroit où se trouve le lien. Bottom Line Slide, Bottom Border Enlarge et les supports sont suffisamment silencieux pour que le texte corporel et les pieds de page. Le remplissage du texte, le déplacement vers le haut et les trois points attirent plus d'attention et conviennent à un seul appel à l'action. Essayez-en quelques-uns dans l'aperçu de l'éditeur avant de vous décider.
Puis-je appliquer différents effets à différents liens dans le même widget ?
Chaque widget Creative Links contient un lien avec un effet. Pour plusieurs liens, ajoutez un widget par lien et choisissez l'effet sur chacun. Dupliquez un widget stylisé pour conserver les mêmes couleurs.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
