Comment ajouter du texte sur des photos dans un slider WordPress

Publié: 2021-07-19

Vous cherchez un moyen simple de créer un slider WordPress avec du texte ? Modula vous protège ! Vous pouvez créer un curseur WordPress qui permet de changer la couleur du texte ou de surligner le texte.

Modula est un plugin de curseur WordPress qui vous permet de créer de superbes galeries sans toucher à une seule ligne de code. Pour les développeurs, il existe la possibilité d'ajouter du CSS personnalisé pour pouvoir personnaliser encore plus vos galeries.

En premier lieu, avoir un curseur WordPress avec du texte et des images aidera vos visiteurs à mieux comprendre vos images. Vous pouvez même créer un curseur de témoignage ou un simple curseur de contenu.

Dans cet article, je vais vous montrer comment créer des images de curseur WordPress d'aspect professionnel avec des mises en page d'images et de texte.


Dans cet article, nous partagerons :

  • Quel plugin devriez-vous utiliser pour créer un slider d'image WordPress avec superposition de texte ;
  • Comment créer un slider de carrousel WordPress avec du texte ;
  • Personnalisation pour modifier le texte du curseur dans WordPress ;
  • Et bien plus encore .

Table des matières

  • Pourquoi utiliser Modula pour créer un slider d'image avec animation de texte ?
  • Comment créer un slider de carrousel WordPress avec du texte ?
    • Installer et activer Modula
    • Créer une nouvelle galerie
    • Personnalisez votre curseur WordPress avec du texte
    • Modifier le texte de la légende
    • Plus d'édition
  • Dernières pensées

Pourquoi utiliser Modula pour créer un slider d'image avec animation de texte ?

Modula est là non seulement pour vous aider à créer un superbe curseur WordPress avec du texte, mais aussi pour vous aider à le modifier comme vous le souhaitez. C'est un plugin puissant avec de nombreuses fonctionnalités utiles. Par exemple, il a des galeries filtrables, 42 effets de survol d'images, une galerie lightbox et 4 effets de chargement d'image, une protection par mot de passe, un filigrane, un outil de migration, une extension vidéo, 4 types de grille : créatif, personnalisé, curseur et maçonnerie, et bien plus encore. Suite.

De plus, vous pouvez passer à Modula PRO pour seulement 39 $.


Comment créer un slider de carrousel WordPress avec du texte ?

Pour commencer, nous devons installer et activer Modula pour pouvoir ajouter du texte au curseur d'image. Ce processus ne prendra pas plus de quelques minutes.

Installer et activer Modula

Tout d'abord, pour installer Modula, accédez à WordPress Dashboard > Plugins > Add New.

ajouter un nouveau plug-in
Menu Wordpress

En conséquence, une nouvelle page apparaîtra avec de nombreux plugins WordPress gratuits affichés. Pour trouver Modula, tapez Modula dans la barre de recherche, et quand vous le voyez, cliquez sur le bouton Installer maintenant .

Installation de module
Installer le module

Pour activer le plugin, cliquez sur le bouton Activer . Jetez un œil au menu WordPress de gauche. Vous pouvez y trouver le plugin Modula une fois l'installation terminée. Vous pouvez installer et activer n'importe quel plugin WordPress gratuit en suivant ces étapes.

module activer
Activer le module

Créer une nouvelle galerie

Nous devons créer une nouvelle galerie et la définir comme un curseur. Pour créer une nouvelle galerie, accédez à Galleries > Add New .

ajouter une nouvelle galerie
Ajouter une nouvelle galerie

Ensuite, nommez votre galerie et commencez à télécharger les images ou les vidéos. Vous pouvez le faire en utilisant les boutons Télécharger des images ou Sélectionner dans la bibliothèque .

ajouter un nouveau titre
Ajouter un titre descriptif et télécharger des fichiers image

Voici à quoi ressemble mon exemple de galerie jusqu'à présent. Je lui ai donné un nom et téléchargé quelques images.

Curseur WordPress avec texte
Ma galerie

Personnalisez votre curseur WordPress avec du texte

Pour ajouter du texte à un curseur, définissons notre type de galerie. Comment pouvons-nous faire cela? Accédez à Paramètres > Général > Type de galerie > Curseur . Vous avez le choix entre 4 types différents : créatif, personnalisé, curseur et maçonnerie.

Curseur WordPress avec texte
Sélectionnez le curseur

Maintenant que nous avons notre curseur WordPress avec du texte presque terminé, éditons-le d'abord. Modula vous permet de modifier la taille de l'image, d'activer le recadrage, de modifier la gouttière, de définir la largeur et d'activer Powered by ou Thumbnail Navigator. Dans cette section, vous pouvez trouver tout ce qui précède. Ces fonctionnalités s'appliquent uniquement au type de galerie de curseurs.

modifier le curseur
Modifier le curseur

Il y a plus de fonctionnalités - nombre de diapositives à afficher ou à faire défiler, déplacement de la souris, points, mode central, boucle infinie, vitesse d'animation, diapositive initiale et, le plus important pour nous maintenant, ce sont les légendes des curseurs. Cliquez dessus pour activer les sous-titres.

Curseur WordPress avec texte
Activer les sous-titres

Après avoir activé les légendes du curseur, montez et cliquez sur l'icône d'édition qui apparaît pour chaque image au survol.

Curseur WordPress avec texte
Éditer l'image

Une nouvelle page apparaîtra contenant toutes les informations sur l'image que nous avons cliqué pour modifier. Vous devez écrire le texte que vous souhaitez partager dans votre curseur dans le champ Texte de la légende .

Curseur WordPress avec texte
Ajouter une légende

Dans cette fenêtre, vous pouvez modifier le titre, l'alignement et l'URL de l'image.

plus d'édition
Plus d'édition d'images

Nous pouvons sélectionner un filtre pour cette image ou modifier les métadonnées EXIF.

plus d'édition
Plus d'édition

N'oubliez pas de cliquer sur le bouton Enregistrer et fermer pour enregistrer vos modifications pour cette image, puis passez à l'image suivante et répétez le processus.

enregistrer des images
Sauvegarder et fermer

Modifier le texte de la légende

Pour modifier davantage notre texte de légende, allons dans Paramètres> Légendes et modifiez le titre si vous souhaitez que vos visiteurs puissent voir le titre de votre image. Vous pouvez modifier sa couleur, la police du titre et la taille de la police.

modifier le titre
Modifier le titre de l'image

Ensuite, modifions notre texte de légende. Nous pouvons modifier la couleur, la taille de la police, la police et le style de police, ainsi que la taille de la police sur les appareils mobiles.

modifier le curseur
Modifier le texte de la légende

Plus d'édition

Modifiez la lightbox et les liens et activez le bouton Afficher la légende de l'image afin que les visiteurs puissent également voir le texte de la légende dans la lightbox. Choisissez votre type de navigation et modifiez la barre d'outils.

modifier le curseur
Modifier le curseur

Lorsque vous avez terminé de modifier votre curseur WordPress avec du texte et des images, n'oubliez pas de cliquer sur le bouton Enregistrer la galerie . De cette façon, vous ne perdrez pas votre travail.

enregistrez votre curseur WordPress avec du texte
Enregistrer la galerie

Après l'enregistrement, Modula générera un shortcode que vous pourrez utiliser pour afficher votre curseur WordPress avec du texte dans un article ou une page.

petit code
Petit code

Dernières pensées

Et c'est ainsi que vous pouvez créer un magnifique slider WordPress avec du texte en utilisant Modula. Récapitulons toutes les étapes :

  1. Installer et activer Modula
  2. Créer une nouvelle galerie
  3. Personnalisez votre curseur WordPress et modifiez le texte de la légende
  4. Ajoutez le curseur d'image à votre site Web WordPress

Créez votre slider avec Modula, et il ne vous décevra pas !

Démarrer avec Modula