Comment créer un carrousel avec du texte

Comment créer un carrousel avec du texte dans GemPages ?

Dans GemPages v7, il est facile de concevoir un carrousel Mise en page avec texte adapté à votre image de marque. Suivez ces étapes :

Étape 1 : ajoutez un élément de carrousel à votre page

• Consultez la Tableau de bord GemPages > Pages, et cliquez sur votre page cible pour ouvrir l'éditeur.
• Dans la barre latérale gauche, recherchez le Élément de carrousel.
• Faites-le glisser et déposez-le sur votre page où vous souhaitez qu'il apparaisse.
• Cliquez sur le carrousel pour ouvrir ses paramètres et ajuster les Éléments par diapositive.

Dans cet article, nous utiliserons la diapositive à 3 colonnes comme exemple. 

Remarque : Si vous débutez dans l'utilisation de l'élément Carousel, consultez pour plus de détails sur ses fonctionnalités générales.

Étape 2 : Insérez une bannière de héros sur chaque colonne

A Bannière de héros vous permet de superposer du texte sur une image, ce qui en fait le meilleur élément pour la conception d'un carrousel textuel.

Pour faire ça:

• Cliquez sur le première colonne du carrousel.
• Faites glisser et déposez un Élément de bannière de héros dans la colonne.

• Répétez ce processus pour les autres.

Étape 3 : Personnaliser l’arrière-plan

Pour rendre votre carrousel visuellement attrayant, vous pouvez définir différents types d'arrière-plans sous le Présentation section, y compris :

• Couleur:Choisissez une couleur unie ou dégradée pour un look minimaliste.

• Image(s)Choisissez une image dans votre médiathèque ou téléchargez-en une nouvelle. Les images doivent avoir la même taille pour plus de cohérence.

• Vidéo:Utilisez une vidéo de YouTube ou d'une médiathèque (hébergement vidéo) pour créer un effet engageant.

Reportez-vous à cet article pour plus de détails sur la façon de personnaliser vos arrière-plans.

Étape 4 : Personnaliser le texte

Ensuite, modifiez le texte et adaptez-le à votre image de marque :

• Cliquez sur chaque bloc de texte pour ouvrir ses paramètres.
• En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Style de texte section, vous pouvez personnaliser le style de police, taille, couleur et alignement pour chaque colonne.

Pour plus d'informations sur le style de texte, consultez notre article.

FAQ sur le carrousel avec texte

1. Puis-je ajouter des boutons ou des liens à chaque diapositive ?

Oui. Vous pouvez insérer un élément Bouton dans la bannière Hero pour générer du trafic vers les pages produits, les collections ou les liens externes.

2. Comment puis-je faire en sorte que mon carrousel soit lu automatiquement ?

Dans l' Paramètres du carrousel panneau, vous trouverez le Auto Play option sous la Effet de diapositive section. Sélectionner Oui pour activer la fonction de lecture automatique pour votre carrousel.

3. Le carrousel est-il adapté aux appareils mobiles ?

Oui. Les carrousels créés dans GemPages sont responsives par défaut. Vous pouvez affiner l'affichage pour mobile et tablette grâce au mode d'aperçu de l'éditeur.

4. Quelle taille d’image dois-je utiliser pour obtenir le meilleur résultat ?

Nous recommandons d'utiliser des images de même format et d'une largeur d'au moins 1200 XNUMX px pour une résolution élevée et une cohérence optimale. Consultez notre Taille recommandée pour les images.