Diaporama avec contenu

L’ajout de Diaporama avec contenu à une page permet de créer un dynamisme à votre site, en plus de pouvoir mettre beaucoup de contenu dans le même espace.

Une fois que vous avez glissé l’élément “Diaporama avec contenu” en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Général

  • Hauteur :  Choisissez la hauteur en pixel, de votre écran (diaporama).
  • Lecture automatique : Si vous choisissez “Oui”, vous devrez ensuite choisir si vous désirez afficher les boutons de “Lecture/Pause”.
  • Délai : Choisissez après combien de seconde vous  désirez que la lecture commence.
  • Transition : Diapositive ou fondu
  • Vitesse de transition : Vitesse de durée de la transition
  • Afficher les Flèches : Oui ou non
  • Afficher les points : Oui ou non
Avancé
  • Largeur maximale du contenu : Choisissez en pixel la largeur macimal du contenue

Diapositives

  • Diapositive 1 : Cliquer sur “Éditer Diapositive”.
Général
  • Étiquettes de la diapositive : Nom de la diapositive, sera visible que dans le tableau de bord
Présentation de l’arrière-plan
  • Type : Photo, vidéo, couleur, aucune. Sélectionnez votre choix

Présentation du contenu

  • Type : Texte, Texte et photo, Texte et vidéo, aucun
    Selon votre sélection, éditer les champs nécessaire

Style

En-tête
  • Balise titre : h1, h2, h3, h4, h5, h6. Ajuste la grandeur du texte selon les spécifications du thème choisi.
  • Grandeur de l’en-tête : Par “Défaut” ou “Personnalisé”, si vous choisissez “Personnalisé”, il vous faudra alors choisir la taille de l’en-tête en pixel. En choisissant “Personnalisé”, vous décidez de ne pas tenir compte de la balise.
Position du texte
  • Position : Gauche, Centre, Droit
  • Largeur : Choisissez la largeur en %
  • Marges : Configurer les marges de tous les côtés
Couleurs du texte
  • Couleur du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.
  • Ombre du texte : Oui ou non
  • Couleur d’arrière-plan du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
  • Opacité de l’arrière-plan : Choisissez l’opacité, si votre fond n’est pas blanc, vous le verrez au travers de la bordure selon l’opacité choisie.
  • Hauteur de l’arrière-plan du texte : Auto ou 100%

Appel à l’action

Portable

Couleurs de texte pour mobile
  • Couleur du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.
  • Couleur d’arrière-plan du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
Ajoutez autant de Diapositive que vous désirez

Avancé

  • Marges extérieures
    Du haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.  L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
  • Présentation adaptative
    La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site.
  • Animation
    Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
    Délai : Choisissez en seconde, le délai avant que l’animation ne débute.
  • Sélecteur CSS
    Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.
N’oubliez surtout pas de sauvegarder vos changements.