Catégories
Astuces et Design

10 plugins gratuits pour ajouter des effets d'animation à WordPress

Des effets spéciaux tels que le défilement fluide, les transitions de page ou les animations CSS peuvent ajouter une personnalité bienvenue à votre site WordPress. Utilisez-les pour attirer l'attention sur des informations importantes, améliorer l'UX et améliorer vos conceptions.

Voici quelques plugins WordPress gratuits que vous pouvez utiliser pour ajouter une variété d'effets à votre site:

CONSTRUIRE DES SITES WORDPRESS PLUS RAPIDE

Annonce des kits de modèles. Des conceptions WordPress réactives conçues pour Elementor.

L'animer!

L'ajout d'animations CSS3 à votre site est facile avec Animate It !. Le plugin combine les bibliothèques Animate.css et Animo.js dans un package contenant plus de 50 animations. Les animations peuvent être appliquées aux événements utilisateur comme le défilement, le survol et le clic.

L'animer!

Animations et transitions de page

Les animations de page et les transitions offrent une sélection de neuf transitions de page «entrantes» et «sortantes» différentes. Vous pouvez également définir des durées de durée pour les transitions.

Animations et transitions de page

Transitions CSS3

Transitions CSS3 ajoutera automatiquement (vous l'avez deviné) des transitions CSS3 aux éléments à la fois sur le front-end et (étonnamment) sur le back-end. Les transitions sont ajoutées à tout ,

  • , et dont l'état de survol ou de focus est défini dans la feuille de style de votre thème. C’est un choix intéressant pour ceux qui veulent une solution très rapide.

    Transitions CSS3

    Textillate facile

    Ajoutez des animations à n'importe quel texte de votre site avec Easy Textillate. Le plugin inclut les bibliothèques textillate.js, animate.css et lettering.js pour fournir toutes sortes d'excellents effets pour votre typographie. Générez des Shortcodes avec les styles d'animation que vous souhaitez, placez-les dans votre contenu et regardez-les disparaître!

    Textillate facile

    Effets de survol ultimes

    Utilisez Ultimate Hover Effects pour ajouter un peu de vie à vos légendes d'images. Sélectionnez une image dans la bibliothèque multimédia WordPress et configurez les effets de survol que vous souhaitez utiliser. Il suffit ensuite de l'intégrer dans un article ou une page. Un générateur de Shortcode est également inclus.

    Effets de survol ultimes

    Faire défiler la page jusqu'à l'ID

    Le défilement de la page jusqu'à l'ID ajoute des effets de défilement fluide à la navigation dans la page à l'aide d'éléments d'identification CSS. Vous pouvez définir la durée du défilement et l'accélération – avec plus de 30 types d'accélération parmi lesquels choisir. Le défilement vertical et horizontal est pris en charge et les décalages peuvent être configurés pour des liens individuels.

    Faire défiler la page jusqu'à l'ID

    CSS3 Rotating Words

    CSS3 Rotating Words est un plugin pratique avec une fonction simple: faire pivoter un ou plusieurs mots dans une phrase à l'aide d'une animation. Par exemple, vous pourriez avoir une phrase où vous souhaitez modifier un mot:

    • WordPress est Amusement
    • WordPress est Impressionnant

    Choisissez parmi cinq styles d'animation et définissez également la couleur et la taille de la police.

    CSS3 Rotating Words

    Barre de progression WP

    Utilisez WP Progress Bar pour ajouter des barres de progression animées à vos pages et publications WordPress. Les barres sont ajoutées via un Shortcode. Personnalisez avec des options pour le texte, les couleurs, le pourcentage (le montant auquel la barre termine son animation) et la largeur.

    Barre de progression WP

    Effets de chargement de page

    Les effets de chargement de page vous permettent de choisir parmi une sélection d'animations pendant le chargement du contenu de votre site. Une fois le chargement terminé, l'animation disparaîtra automatiquement. Vous pouvez personnaliser les couleurs dans les paramètres du plugin ou aller encore plus loin avec votre propre CSS personnalisé.

    Effets de chargement de page

    Logo SVG et effets de texte

    Si vous cherchez à ajouter une touche de fraîcheur à votre texte sans recourir à l'utilisation d'images, le logo SVG et les effets de texte valent le détour. Le plugin possède de nombreuses fonctionnalités, notamment la prise en charge des polices Google. Le texte que vous créez sera entièrement modifiable et convivial pour le référencement.

    Logo SVG et effets de texte

    Rendez votre site spécial

    La bonne combinaison d'effets spéciaux peut apporter des éléments à la fois amusants et utiles à votre site Web WordPress. Bien sûr, il est préférable de choisir avec soin pour décider quoi utiliser.

    Une bonne règle de base est de toujours garder à l'esprit le meilleur intérêt des utilisateurs. Si une fonctionnalité augmente la convivialité ou rend votre site plus agréable à utiliser, cela peut valoir la peine.

  • Laisser un commentaire

    Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *