Créer simplement un titre animé dans Elementor

La conception de sites Web est souvent enrichie par des éléments créatifs qui captivent l'attention des visiteurs. Un outil fantastique pour cela est le titre animé dans Elementor. Cette fonctionnalité vous permet de mettre en valeur certains mots ou passages et ainsi de rendre vos contenus plus vivants et attrayants. Dans ce guide, vous apprendrez comment insérer et personnaliser un titre animé avec Elementor.

Principales conclusions

• Le titre animé offre différentes options de style, y compris surlignages de texte, rotations et animations.
• Vous pouvez personnaliser à la fois le texte animé et le titre associé.
• L'effet du titre peut être renforcé par différents types d'animation tels que "Saisie", "Rotation" ou "Entrée en chute".

Guide étape par étape pour créer des titres animés

Étape 1: Accéder à l'éditeur Elementor

Ouvrez votre espace d'administration WordPress et accédez à la page ou à l'article où vous souhaitez ajouter le titre animé. Cliquez sur "Modifier avec Elementor" pour ouvrir l'éditeur Elementor.

Étape 2: Sélection du widget pour le titre animé

Dans la barre latérale gauche d'Elementor, recherchez le widget "Titre animé". Faites-le glisser et déposez-le dans la zone souhaitée de votre page.

Étape 3: Saisie de votre texte statique

Une fois le widget ajouté, saisissez votre texte statique dans le champ "Titre principal". Il s'agit du texte qui reste fixe tandis que le texte animé change. Par exemple, vous pourriez entrer "Ce site Web est".

Étape 4: Définition du texte animé

Rendez-vous dans la section "Texte animé" et insérez les mots ou passages que vous souhaitez mettre en valeur de manière rotative. Il pourrait s'agir de mots tels que "super", "idéal pour", "débutants" et "votre destination numéro 1".

Étape 5: Personnalisation du style

Sous l'onglet "Style", vous pouvez personnaliser la mise en page du titre et du texte animé. Vous pouvez ajuster la couleur du texte ainsi que la forme de l'arrière-plan. Un choix populaire est de donner à l'arrière-plan une couleur rouge, mais vous pouvez également choisir du noir ou du vert.

Étape 6: Activation de l'effet d'animation

Dans la section "Effets d'animation", vous pouvez définir comment l'animation doit se dérouler. Souhaitez-vous que le texte animé ait une "boucle infinie" pour se répéter constamment? Définissez les paramètres appropriés pour la durée et le délai de l'animation.

Étape 7: Sélection du type d'animation

Dans le menu déroulant, choisissez le type d'animation souhaité. Parmi les effets disponibles, citons "Saisie", "Rotation" ou "Entrée en chute". L'effet "Entrée en chute" est particulièrement attrayant, mais l'effet "Saisie" a aussi son charme.

Étape 8: Aperçu et ajustements

Utilisez la fonction d'aperçu pour voir comment le titre animé apparaît dans la vue en direct du site Web. Vous pouvez apporter des ajustements tels que le changement de la taille du texte ou des espacements pour optimiser la mise en page.

Étape 9: Derniers ajustements avant la publication

Avant d'enregistrer la page, vérifiez à nouveau tous les paramètres. Assurez-vous que les polices et les couleurs s'harmonisent avec le reste du site Web. Si tout semble bon, cliquez sur "Publier" pour rendre les modifications de votre site Web publiques.

Conclusion

Avec ce guide, vous avez suivi les étapes de base pour créer un titre animé dans Elementor. Vous pouvez utiliser les fonctionnalités et les options de personnalisation pour donner une touche dynamique à votre site Web et attirer l'attention des visiteurs.