Block : Team

Ce block permet de présenter une équipe, en une entité unique ou via plusieurs rubriques (par exemple : Direction, Services opérationnels…).

Contenu

  • Title (texte) : le titre de la section
  • Team (groupe répétable) : les composants répétables définissant l’équipe ou ses sesctions.

Chaque élément team (ou membre) est défini par ces différents champs :

  • New section (choix) : permet de définir une nouvelle section. Si « oui » est choisi, une nouvelle section sera crée, ayant pour titre la valeur du champ « fonction ». Dans le cas contraire, un autre membre de l’équipe sera inséré
  • Name (texte) : le nom du membre
  • Function (texte) : la fonction du membre, ou le titre de la section si « new section » est sur « oui »
  • Avatar (image) : c’est ici que s’insère le portrait ou l’avatar du membre. Le format de l’image est forcé en mode proportion 1:1 (carré).
  • Bio (contenu – facultatif) : si l’option est activée, renseigner ici les informations biographiques à faire figurer
  • Contact information (groupe de texte – facultatif) : entrer ici, si l’option est activée, les différentes informations de contact des membres, à savoir, e-mail, téléphone, et liens vers différent réseaux sociaux ou site web

Réglages

  • Show borders (choix) : afficher ou non les bordures autour de chaque membre
  • Show portraits (choix) : afficher ou non les portraits de chaque membre
  • Show biography (choix) : active ou non l’affichage des informations biographiques
  • Show contact informations : active ou non l’affichage des informations de contact
  • Elements per line (nombre) : définit le nombre d’item à afficher par lignes. Les titres des nouvelles sections occupent eux toute la largeur.
  • Template type (choix) : permets de choisir entre plusieurs modèles d’affichage de tous les membres
    – Portrait on left : disposition sur deux colonnes, le visuel occupant la colonne de gauche, le reste des informations la colonne de droite
    – Portrait on top (défaut) : disposition sur une seule colonne, le visuel se situant en haut des autres informations
    – Informations showed on hover : seul le visuel est visible, les autres informations sont révélées au survol de celui ci
  • Content template (code) : définit le code html définissant la partie concernant les informations de chaque item, ave une série de placeholders à insérer dans le code au besoin
  • Section template (code) : définit le code html pour l’affichage de nouvelles sections
  • Team styles (groupe) : paramètres définissant les styles de chaque team

Team styles :

  • Border width (nombre) et Border color (couleur) : définissent la bordure de chaque team. Mettre border with à zéro pour désactiver cette bordure
  • Border radius (nombre) : définit l’arrondi aux angles de chaque team. mettre à zéro pour avoir des coins carrés.
  • Size of portraits (nombre) : définit la taille des portraits, en pixels
  • Rounded portraits (choix) : si l’option précédente est sur « oui », permet d’activer ou non la génération automatique de portraits ronds
  • Portraits classes (texte) : associer une ou plusieurs classes css aux portraits
  • Name color (couleur) et Name size (nombre) : définissent l’apparence des noms de chaque team
  • Function color (couleur) et Function size (nombre) : définissent l’apparence des fonctions de chaque team
  • Bio color (couleur) et Bio size (nombre) : définissent l’apparence des biographies de chaque team
  • Contact icon color (couleur) : définit la couleur des icones contact
  • Contact icon color hover (couleur) : définit la couleur des icones contact au survol
  • Contact icon size (nombre) : définit la taille des icones contact
  • Contact icon background (couleur) : définit la couleur de fond de chaque icone contact
  • Contact icon background hover (couleur) : définit la couleur de fond de chaque icone contact au survol
  • Contact icon border radius (nombre) : définit l’arrondi de chaque zone d’icone de contact
  • Contact icon circle (choix) : annule le paramètre précédent et place les icones dans une zone ronde
  • Contact icon spacing (nombre) : définit l’écartement entre chaque icone de contact
  • Contact icon width (nombre) et Contact icon color (couleur) : définissent les propriétés de bordure de la zone de chaque icon de contact
  • Background color (couleur) : définit la couleur de fond globale de chaque item team
  • Overlay colors (couleur) : option active seulement si le template « Informations showed on hover » est choisi. Définit la couleur de fond de la zone d’affichage des informations