Informations générales
Les composants sont tous paramétrables, ils ont tous 3 paramètres de base :
- Current Navigation Title : Titre utilisé sur le Front dans la navigation interne de la page quand celle-ci est disponible
- Background color : Défini la couleur de fond du composant sur le Front
- Hide component in the navigation : Bouton permettant de cacher le titre ( Current Navigation Title ) et le lien de la navigation interne de la page
Les composants se trouve dans l'onglet Content de toutes les pages dans le backoffice d'Umbraco.
Les Composants
Contact
Description
Ce composant permet d’afficher une ou plusieurs personnes et une ou plusieurs entités internes.
Utiliser l’onglet « Relationship » pour ajouter des personnes ou des entités à la page.
Exemple de rendu
Paramètres
- Title : Titre affiché au dessus des informations de contact sur le Front ( sur l'exemple : Changement d'adresse ou de distribution )
Vous trouverez l'endroit pour ajouter des personnes ou des entités dans l’onglet « Relationship » du backoffice ( Il se nomme en général Contact et Internal Entity )
Pages l’utilisant
|
|
|
|
|
|
|
|
Grid Content
Description
Ce composant permet de créer une zone en forme de grille pour intégrer toutes sortes de contenus sur la page.
Vous pouvez ajouter du texte « riche », des macros, des vidéos, des formulaires et des images.
Exemple de rendu
Paramètres
- Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
Dans l'exemple nous avons une ligne composé de deux colonnes (l'une à 2/3, l'autre à 1/3).
Pages l’utilisant
|
|
|
|
|
|
|
|
|
|
|
|
Image Slider
Description
Ce composant permet de générer une zone d’image 3 par ligne.
Les images utilisent le crop dit « Rectangular ».
Exemple de rendu
Paramètres
- 3 Images : Vous trouverez un multi media picker qui vous permettra de sélectionner plusieurs images.
- Optional label : Vous pouvez ajouter un texte central en dessous des images.
Pages l’utilisant
|
|
|
|
In Focus
Description
Ce composant permet mettre en avant un document comme un magazine. On trouve un titre, une zone de texte riche et 2 types de boutons.
Une image en format « magazine » permet de montrer un morceau de votre document.
Exemple de rendu
Paramètres
- Title : Titre affiché a gauche ( sur l'exemple : Rapport annuel 2018 )
- Description : Texte avec un grand choix de formatage, se trouve juste en dessous du Title
- Image : Image se trouvant sur la droite en format magazine.
- Blue Button : Sélectionne un lien et un titre pour le bouton bleu ( sur l'exemple : Lire le rapport annuel 2018 )
- Arrow Link : Un autre lien et titre possible mais avec un design différent ( sur l'exemple : Toutes les publications et brochures )
Pages l’utilisant
|
|
|
|
Interested block
Description
Ce composant permet mettre en avant un lien comme une page institut. On trouve un titre, une zone de texte simple et un bouton.
Exemple de rendu
Paramètres
- Title : Titre affiché en premier dans le composant ( sur l'exemple : Intéressé ? )
- Interested block text : Texte simple en dessous du Title ( sur l'exemple : Découvrez )
- Buttons for interested : Boutons simple qui permettent de mettre n'importe quel lien, il est possible d'en mettre plusieurs ( sur l'exemple : Food Ecosystem institute et économie d'entreprise )
Attention, pour le moment seule la couleurs de fond bleu est valide pour ce composant !
Pages l’utilisant
|
|
|
|
|
Listing
Description
Ce composant permet de lister automatiquement les enfants de la page courante ou de sélectionner une liste de liens. Plusieurs paramètres permettent de personnaliser le composant.
Vous avez aussi la possibilité d’ajouter un titre et du texte simple.
Les éléments de la liste récupèrent le titre court des pages et leur teaser.
Exemple de rendu
Paramètres
- Title : Titre affiché en premier dans le composant ( sur l'exemple : Une formation supérieur orientée vers la pratique )
- Description : Texte simple en dessous du Title ( sur l'exemple : Grâce à une formation pointue et ciblée ... )
- List of content : Liste de lien a lister s'affiche en format BigLinks, si vous ne mettez aucun lien le composant récupère automatiquement toutes les enfants, petits-enfants, etc... de la page
- First level Only : Défini la récupération automatique seulement sur les enfants de la page
- Bottom text : Text optionnel se trouvant en dessous des BigLinks
Pages l’utilisant
|
|
|
|
|
|
Quote
Description
Ce composant permet d’afficher une citation. Choisissez la citation et l’auteur.
Exemple de rendu
Paramètres
- Quotation : Citation de l'auteur ( sur l'exemple : Pour les étudiants de la HEG-FR ... )
- Quotation author : L'auteur de la citation ( sur l'exemple : Christine Demen Meier ... )
Pages l’utilisant
|
|
|
|
|
|