Aller au contenu principal
FR Deutsch English Español Italiano Português

widget: Media Slider

widget Catégories : Médias

Le widget Media Slider offre des options de diapositives vidéo, image et texte seul, ainsi qu'une variété de mises en page. Les nombreuses options de réglage et de conception offrent également un large éventail de configurations possibles. Ce widget peut être utilisé pour pratiquement tous les types de contenu. Les possibilités sont presque infinies, pour n'en citer que quelques-unes : Témoignages, FAQ, présentations de produits, section consacrée à l'équipe et aux services. Un slider peut également être un moyen efficace tool de proposer un contenu interactif et organisé aux visiteurs du site.

Remarque

  • Un maximum de 25 diapositives peut être inclus.

  • Les fichiers multimédia image et vidéo sont pris en charge, comme les fichiers .svg, .png, .jpg., .gif et tous les formats vidéo.

  • Le son est désactivé pour les vidéos, car il sert de fond aux diapositives.

  • La fonctionnalité de lecture automatique des vidéos dépend des restrictions propres à chaque navigateur ainsi que des paramètres d'un appareil (par exemple, si le mode basse puissance est activé, il se peut que les vidéos ne soient pas lues automatiquement). Pour plus d'informations sur la résolution de problèmes relatifs aux vidéos, consultez l'article Dépannage concernant le widget Vidéo.

Pour plus d'informations sur l'ajout de widget, voir Ajouter widget.

Conseil

Pour plus d'informations sur widget et la widget bibliothèque , voir widget: Library and Overview.

Contenu dynamique

Ce widget peut également afficher des pages dynamiques. Pour plus d'informations, voir Contenu dynamique : Options d'affichage et de navigation pour les notices de collection.

Éditeur de contenu

Pour accéder à l'Éditeur de contenu, cliquez avec le bouton droit de la souris sur le site widget et sélectionnez Modifier le contenu. Ou, si vous êtes en mode flex ou dans l'Éditeur 2.0, l'option d'accès à l'Éditeur de contenu est disponible dans le menu flottant.

Ajouter, arranger et supprimer des diapositives

Ajouter des diapositives

Pour ajouter un média au curseur, cliquez sur Ajouter une diapositive. Cette opération crée une nouvelle diapositive et ouvre les paramètres de la nouvelle diapositive.

Diapositives en double

Pour dupliquer une diapositive, hover et sélectionnez l'icône de duplication (duplicate-icon.png).

Organiser les diapositives

Pour modifier l'ordre des diapositives, cliquez sur une diapositive et faites-la glisser jusqu'à la position souhaitée.

Supprimer des diapositives

hover sur la vignette de la diapositive que vous souhaitez supprimer et cliquez sur l'icône de la corbeille.

Pour supprimer toutes les diapositives, cliquez sur Supprimer tout.

Options des diapositives individuelles

  • Média (image ou vidéo). Ajoutez le support souhaité. Sélectionnez Cliquez pour ajouter un média pour ouvrir la bibliothèque multimédia.

    Remarque

    Si vous souhaitez ajouter plusieurs diapositives, utilisez l'option Ajouter plusieurs fichiers. Veuillez noter que cela créera de nouvelles diapositives plutôt que d'ajouter plusieurs fichiers à la diapositive en cours.

  • Poste. Ajustez la partie du média qui s'affiche (l'option apparaîtra une fois le média ajouté).

  • Texte Alt. Saisissez votre propre texte alt ou cliquez sur l'icône Sparkle (AI-sparkle-icon.png) pour utiliser l'assistant AI afin de générer un texte alt. Répétez l'opération pour chaque média dans la barre de défilement des médias ou cliquez sur Tous les textes alt pour afficher et gérer les textes alt de toutes les images du site.

    Remarque

    Le texte Alt généré par l'assistant IA est dans la même langue que la langue courante de la page. Pour plus d'informations sur l'assistant AI, reportez-vous à la section Présentation et fonctionnalités de l'assistant AI.

  • Texte sur la diapositive. Texte (titre et description) que vous souhaitez afficher sur la diapositive. Bien que ces champs ne puissent pas être masqués directement, le fait de les laisser vides les masquera effectivement.

    Note

    Le champ de texte long offre diverses options de mise en forme du texte, telles que la mise en italique, la mise en gras ou le soulignement du texte.

  • Bouton. Le bouton de la diapositive peut être masqué en cliquant sur l'icône de l'œil (24517315481495-eye_icon.png).

    Remarque

    Une fois le lien ajouté, la diapositive entière devient cliquable. Que le bouton soit masqué avant ou après l'ajout du lien, la diapositive reste cliquable et liée à la destination.

Rédacteur en chef de la conception

Pour accéder à l'éditeur de conception, cliquez avec le bouton droit de la souris sur l'élément, puis cliquez sur Modifier la conception. Si vous êtes en mode flex ou dans l'Éditeur 2.0, sélectionnez Editer le dessin dans le menu flottant pour ouvrir le panneau de dessin.

  1. Pour modifier la disposition du curseur, cliquez sur la vignette de la disposition actuelle. Définissez le nombre de colonnes en cliquant sur le menu déroulant situé à côté de Nombre de colonnes.

  2. Transition. Configurez la transition entre les diapositives.

    • Transition de diapositives. Sélectionnez Fade ou Slide.

    • Autoplay.

    • Vitesse du diaporama. Déplacez le curseur pour sélectionner une vitesse comprise entre 1 et 20 secondes.

    • Mettez le diaporama en pause sur hover.

    • Animation du contenu.

  3. Indicateurs de navigation. Configurez les indicateurs de navigation dans les diapositives.

    • Affichage. Sélectionnez une option dans la liste déroulante.

    • Taille.

    • Espace intermédiaire.

    • Couleur.

  4. Médias & Contexte.

    • Affichez le média complet. Présentez les médias dans leurs dimensions d'origine. Notez que cela peut ajouter de l'espace aux bords du curseur.

    • Couleur de recouvrement. Un curseur permet également de régler l'opacité.

    • Couleur d'arrière-plan.

  5. Cadre. Configurez le cadre (par exemple, ajustez les dimensions ou personnalisez la bordure).

    • Alignement & Remplissage. Ajustez l'alignement et le remplissage du contenu de chaque diapositive. Utilisez ces paramètres pour configurer l'emplacement du contenu sur la diapositive.

      • Alignement du contenu. Alignez le contenu de chaque diapositive à gauche, au centre ou à droite.

      • Espace entre les éléments.

        • Entre les médias & titre. Cette option n'est disponible que si le média n'est pas l'arrière-plan de la diapositive.

        • Entre le titre & description.

        • Entre description & bouton.

      • Rembourrage horizontal.

Pour obtenir des informations sur les options de design qui ne sont pas spécifiques à ce widget (la mise en page, le style et l'espacement, par exemple), consultez l'article Conception des widgets.

Créez un slider de texte de témoignage

Avec le gestionnaire de médias widget, vous disposez de plusieurs options en fonction des médias que vous souhaitez inclure dans votre curseur de témoignages.

Pour créer un slider de témoignages sans image de arrière-plan :

  1. Ajoutez le Media Slider widget à votre site.

  2. Dans la section Media Slider Content, cliquez sur Delete all pour supprimer toutes les diapositives par défaut.

  3. Cliquez sur Ajouter une nouvelle diapositive.

  4. Dans les paramètres de la diapositive, ajoutez :

    • (Facultatif) Dans la section Média, cliquez sur Cliquez pour ajouter un média afin d'ajouter l'image d'un client.

    • Le contenu du témoignage (nom et témoignage lui-même).

  5. Dans l'onglet Design, sélectionnez l'une des dispositions suivantes (nous vous suggérons les dispositions ci-dessous, d'autres peuvent nécessiter une configuration supplémentaire) :

    • La disposition par défaut (idéal si aucune image du client n'est utilisée). Par défaut, cette disposition comporte une superposition d'image (et une couleur d'arrière-plan). Vous pouvez apporter des modifications dans la section Image et arrière-plan.

    • L'image du client est au-dessus du témoignage.

    • La transition des diapositives est verticale, avec l'image à gauche et le témoignage à droite.

  6. Modifiez les autres paramètres de conception selon la configuration souhaitée.

Was this article helpful?

Retour en haut