Diaporama avec contenu

L’ajout de Diaporama à une page, permet de créer un dynamisme à votre site, en ajoutant texte et image.

Une fois que vous avez glissé l’élément “Diaporama” 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 : Oui ou non
• S’arrête au survol : Oui ou non
• Délai : écrivez en secondes le temps d’affichage
• Boucle : Oui ou non
• Transition : Glisse ou Fondu
• Vitesse de transition : écrivez en secondes le temps de transition
• Afficher Lecture / Pause : Oui ou non
• Afficher les flèches : Oui ou non (si vous  « oui », un onglet « Style » s’affichera.
• Afficher les points : Oui ou non

Avancé

• Largeur maximal du contenu : Choisissez la largeur en pixel

Diapositive

Vous pouvez ajouter autant de diapositive que vous le désirez en cliquant sur « Ajout Diapositive ».

Pour ajouter du contenu ou modifier le contenu de chaque diapositive cliquer sur « Éditer Diapositive ».

Général

Étiquette de la diapositive : Écrivez un nom qui vous permet d’identifier le contenu de la diapositive. Ne sera pas visible sur le site.

Présentation de l’arrière-plan

Type : Photo, Vidéo, Couleur, aucune

• Photo : Choisir une photo de la médiatech (ou ajouter une image)
• Vidéo : Mettre le code de votre vidéo
• Couleur : Choisir une couleur

Présentation du contenu

Visible pour les options Photos, Couleur et aucune

Type : Aucune, Texte, Texte & Photo, Texte et Vidéo

Selon l’option choisi, vous aurez à entrer un texte pour l’en-tête, une photo, un texte, un code pour la vidéo

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, Personnalisé (vous devrez entrer un grandeur en pixel)

Position du texte

• Position : Gauche, Centre, Droite
• Largeur : En pourcentage

Marges du texte

Choisir en pixel l’espace autour du texte (en lien avec l’arrière-plan)

Marges intérieures du texte

Choisir en pixel l’espace autour du texte

Couleurs du texte

• Couleur du texte : Choisir la couleur
• Ombre du texte : Oui ou non
• Couleur d’arrière-plan du texte : Choisir la couleur
• Opacité de l’arrière-plan du texte : Entrer un chiffre en pourcentage
• Hauteur de l’arrière-plan du texte : Auto, 100%

Appel à l’action

Lien

• Lien : entrer le lien de votre bouton (vous pouvez choisir une page de votre site web ou un lien personnalisé)
• Cible du lien : Même fenêtre, nouvelle fenêtre
• Lien No Follow : oui ou non

Appel à l’action

• Type : Aucun, Lien, Bouton

Si Bouton est choisi, les options suivantes apparaissent :

• Texte : Entrez le texte du bouton
• Icône du bouton : Choisissez une icône
• Position de l’icône du bouton : Avant le texte, après le texte
• Visibilité de l’icône : Toujours visible, S’atténue au survol

Couleurs du bouton

• Couleur d’arrière-plan : la couleur prédéfinie du thème est sélectionnée, vous pouvez en choisir une autre
• Couleur pour survol de l’arrière-plan : Choisissez une couleur
• Couleur du texte : la couleur prédéfinie du thème est sélectionnée, vous pouvez en choisir une autre
• Couleur pour survol du texte : Choisissez une couleur

Style du bouton

• Style : Plat, Dégradé de couleur, Transparent
• Transition : Désactivé, Activé

Structure du bouton

• Taille de la police : entrez la valeur en pixel
• Marges intérieurs : entrez la valeur en pixel
• Coins arrondis de la bordure : entrez la valeur en pixel

Portable

Photo à partir du portable

(option visible si vous avez choisissez un contenu avec photo)

• Type : Utiliser la photo principale, Sélectionner une autre photo, Sans photo

Couleurs de texte pour mobile

• Couleur du texte : la couleur prédéfinie du thème est sélectionnée, vous pouvez en choisir une autre
• Couleur d’arrière-plan du texte : la couleur prédéfinie du thème est sélectionnée, vous pouvez en choisir une autre

Style

• Couleur de fond des flèches : Choisir une couleur
• Style de fond des flèches : Cercle, Carré
• Couleur des flèches : Choisir une couleur

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.

Visibilité