Galerie de photos (plus)

You are here:
Estimated reading time: 1 min
Inclus dans le Forfait Plus
Pour le forfait valeur, utilisez l’élément galerie.

La galerie de photo sert a afficher plusieurs photos dans la même page sans avoir à se soucier de la mise-en-page.

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

Général

  • Disposition : Grille, Brique
  • Photos :  Ajouter les photos ( vous pourrez modifier l’ordre en glissant et déposant ou simplement cliquer sur le bouton « inverser »
  • Taille de la photo : Vignette, Moyen, Plein(e)
  • Espace entre les photos : Écrivez un chiffre en pixel
  • Ordre d’affichage : Normal, Aléatoire

Nombre de photos à afficher

  • Grilles d’ordinateur de bureau : 1 à 10 colonnes
  • Grille d’appareils moyens : 1 à 10 colonnes
  • Grille sur petits appareils : 1 à 10 colonnes

Configuration de photo

  • Montrer le sous-titre : Jamais, Au survol, Sous la photo
  • Action du clic : Aucun/e, Visionneuse, Lien de la photo, Lien Personnalisé

Si vous choisissez « Lien », vous devrez choisir si vous désirez que l’image ouvre dans la même fenêtre ou dans une nouvelle fenêtre.

Style

Voici les configurations que vous aurez a configurer si vous avez choisi Jamais à Montrer le sous-titre

  • Effet de survol de l’image : Aucun, Superposition de la gauche, de la droite, du haut, du bas, Agrandissement rapproché, ou reculé

Si vous avez choisi « Aucun », il n’y aura pas d’autres options. Dans les autres cas, vous aurez un onglet Typographie qui apparaîtra.

Superposition

  • Couleur de superposition : Choisissez la couleur
  • Opacité : Choisissez le pourcentage
  • Icône de superposition : Désactivé ou Activé (si vous choisissez « Activé » vous devrez choisir l’icône, sa dimension et sa couleur

Typographie

  • Tag : Choisissez de H1 à H6, div, p, span
  • Police : Choisissez votre police
  • Taille de la police : choisissez la taille de la police en pixel
  • Interligne : Choisissez l’espace entre les lignes
  • Couleur : Choisissez la couleur
  • Couleur d’arrière-plan du titre : Choisissez la couleur
  • Opacité : Écrivez un chiffre en pourcentage
  • Transforme : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
  • Espace entre les lettres : Choisissez l’espace entre les lettres

Avancé

  • Marges extérieuresDu 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.
  • Visibilité : Choisissez à quel type d’utilisateur vous désirez que le contenu soit visible
  • 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 HTML
Was this article helpful?
Dislike 0
Views: 0