Le widget Diapositives de Elementor pro vous permet de créer rapidement des diapositives simples qui fonctionnent parfaitement, sans souci.
Contenu
Diapositives : affiche la liste des diapositives. Vous pouvez les faire glisser et les déposer pour changer leur position, dupliquer, supprimer ou ajouter une diapositive. Lorsque vous cliquez sur une seule diapositive, ses options s’ouvrent. Chaque diapositive a des paramètres d’arrière-plan, de contenu et de style.
Contexte
- Couleur : définissez la couleur d’arrière-plan de la diapositive
- Image : choisissez une image dans la médiathèque
Si une image est choisie comme arrière-plan de la diapositive, des options supplémentaires apparaissent:
- Taille : choisissez d’afficher l’arrière-plan sous forme de couverture ou automatique. L’image automatique est pour les situations où vous avez les tailles exactes nécessaires, et aussi où vous voudriez que l’image entière apparaisse dans le curseur. La taille de la couverture est pour des images plus abstraites et atmosphériques, où la représentation de l’image entière est moins importante.
- Effet Ken Burns : choisissez OUI pour activer cet effet de zoom populaire sur l’image d’arrière-plan.
- Superposition d’arrière-plan : choisissez OUI pour définir une superposition d’arrière-plan qui apparaîtra au-dessus de l’image. S’il est défini sur OUI, vous avez la possibilité de choisir la couleur de la superposition.
Contenu
- Titre et description : insérez le titre et la description de la diapositive
- Texte du bouton : définir le texte du bouton
- Lien: ajoutez une URL vers laquelle la diapositive ou le bouton sera lié
- Appliquer le lien sur : si un lien est défini, cette option apparaît. Choisissez si le lien s’applique uniquement au bouton ou à l’ensemble de la diapositive
Style
Le style des onglets individuels est désactivé par défaut, en fonction des styles globaux définis dans l’onglet Style du widget. Si vous souhaitez remplacer les styles de diapositives globaux, activez le commutateur Personnalisé. Cela vous permettra de définir des styles personnalisés pour cette diapositive individuelle. Les styles personnalisés pour les diapositives individuelles sont:
- Position horizontale : positionnez le contenu horizontalement: gauche, droite ou centre
- Position verticale : positionnez le contenu en haut, au milieu ou en bas
- Alignement du texte : aligne le texte à gauche, au centre ou à droite
- Couleur du contenu : choisissez la couleur du contenu
- Hauteur: définissez la hauteur exacte de la diapositive en PX, VH ou EM
Options du curseur
- Navigation : choisissez d’afficher des flèches, des points, les deux ou aucun
- Pause lors du survol : mettez la diapositive en pause lorsque la souris survole
- Lecture automatique: faites pivoter automatiquement les diapositives en fonction de la vitesse que vous avez définie
- Vitesse de lecture automatique : définissez le temps nécessaire à la diapositive pour commencer à tourner
- Boucle infinie : faites tourner les diapositives en une boucle infinie et sans s’arrêter
- Direction : choisissez une direction pour le curseur comme gauche ou droite
- Transition : définissez la transition des diapositives en tant que diapositive ou fondu
- Vitesse de transition : définissez la durée de rotation des diapositives
- Animation du contenu : définissez l’effet d’animation de l’affichage du contenu lorsque la diapositive est affichée: Aucun, Bas, Haut, Droite, Gauche ou Zoom
Style
Diapositives
- Largeur du contenu : définissez la largeur du contenu à l’intérieur de la diapositive
- Rembourrage: définissez l’espacement intérieur entre le bord du contenu et le bord de la diapositive
- Position horizontale : définissez la position du contenu à droite, à gauche et au centre
- Position verticale : définissez la position du contenu en haut, au milieu ou en bas
- Alignement du texte: alignez le texte à droite, à gauche ou au centre
- Ombre du texte : ajoutez une ombre et un flou au texte
Remarque : Si une diapositive individuelle a des styles personnalisés, ces styles globaux n’auront aucun effet sur cette diapositive.
Titre
- Espacement : définissez l’espacement entre le titre et la description
- Couleur du texte : définissez la couleur du titre
- Typographie : définir la typographie du titre
La description
- Espacement : définissez l’espacement entre la description et le bouton
- Couleur du texte : définissez la couleur de la description
- Typographie : définir la typographie de la description
Bouton
- Taille : définissez la taille du bouton, de très petit à très grand
- Couleur du texte : définissez la couleur du texte du bouton
- Typographie : définir la typographie du bouton
- Largeur de la bordure : définissez la largeur de la bordure du bouton
- Rayon de la bordure : définissez le rayon de la bordure pour contrôler l’arrondi des coins
État normal / État de survol
- Couleur du texte – Définissez la couleur du texte
- Couleur d’arrière-plan – Définissez la couleur d’arrière-plan du bouton
- Couleur de la bordure – Définissez la couleur de la bordure du bouton
La navigation
Flèches
- Position des flèches – Définit la position des flèches à l’intérieur ou à l’extérieur du curseur
- Taille des flèches – Définissez la taille exacte des flèches
- Couleur des flèches – Définit la couleur des flèches
Points
- Position des points – Définit la position des points à l’intérieur ou à l’extérieur du curseur
- Taille des points – Définissez la taille exacte des points
- Couleur des points – Définit la couleur des points
Remarque : la lecture automatique est affectée par la politique de lecture automatique de Google sur les navigateurs Chrome.
Remarque : l’utilisation de codes courts de modèle Elementor dans le widget peut parfois fonctionner, mais ce n’est pas une fonctionnalité prise en charge.
Avancée
Définissez les options avancées applicables à ce widget
