Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Informations générales

Création de sections / d'éléments de liste dans des sections

Pour créer des éléments, effectuez un clique-droit sur le parent et cliquez sur le menu "Create...".

Image RemovedImage Removed

Réorganiser des sections / des éléments de liste dans des sections

Pour réorganiser des éléments, effectuez un clique droit sur le parent et cliquez sur le menu "Sort...".

Ensuite "Glissez-Déposez" les éléments dans l'ordre désiré et sauvez.

Image RemovedImage Removed

Paramètres communs des sections

Chaque section est personnalisable, ils ont tous 3 paramètres de base :

  • Background image : Défini l'image de fond de la section
  • Hide Title : Bouton permettant de cacher le titre dans la section
  • Hide in the navigation : Bouton permettant de cacher le titre dans le menu de navigation

Ui image
imageUrlhttps://labelbleu.ch/system/files/5163/medium/Rubinettes.png?1412759942
titlefdsadf

Image Removed

Les différents types de sections

Ci-dessous la liste des sections disponibles :

Table of Contents
maxLevel2
minLevel2
outlinetrue
stylenone

Image Removed Hero Section (Home Page)

Description

Cette section permet d'éditer le Hero de la page.

Elle contient l'image de fond, le logo et le texte du bouton pour accéder au contenu.

Exemple de rendu

Image Removed

Paramètres du contenu

  • Title : Titre du site

Hero Section

  • Background Image : Image de fond qui couvre entièrement la section
  • Logo : Logo du site
  • Button Text : Texte du bouton pour accéder au contenu
    Si le texte est vide, le bouton n'apparaîtra pas
  • Link Text : Texte du lien dans le pied de page à gauche
  • Footer Link : Lien dans le pied de page à gauche

SEO

  • Title : Title de la page qui sera pris en compte par les moteurs de recherche
  • Description : Description de la page qui sera pris en compte par les moteur de recherche
  • Image : Définit l'image utilisée lors des partages sur les réseaux sociaux (ex: LinkedIn)

Image Removed Grid Section

Description

Cette section permet de créer une zone en forme de grille pour y intégrer toutes sortes de contenus sur la page.

Vous pouvez y ajouter du texte "riche", des vidéos et des images.

Exemple de rendu

Image Removed

Paramètres du contenu

  • Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.

Dans l'exemple nous avons une ligne composée de deux colonnes (l'une à 1/3, l'autre à 2/3).

Image Removed

Tip

Les grilles dispose d'un panel d'éléments et sont très flexible, n'hésitez pas a tester cela sur notre serveur d'intégration ( int.lounge.picc.center )

Image Removed Topic Section

Description

Cette section permet de créer une liste de thème avec une icône et son nom.

Exemple de rendu

Image Removed

Paramètres de section

Pour accéder aux paramètres de section, cliquez sur l'onglet "Content".

Image Removed

  • Top Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessus du contenu dynamique de la section
  • Bottom Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessous du contenu dynamique de la section
Info
titleUtilisation

Ces grilles fonctionnent exactement de la même manière que la section "Grid Section"

Paramètres du contenu dynamique

Pour accéder à la liste de la section, cliquez sur l'onglet "Items".

Image Removed

Info
titleCréation et Réorganisation des éléments dynamiques

Pour créer et réorganiser les éléments de la liste, voir les informations générales.

Paramètres de l'élément dynamique

  • Title : Titre du thème
  • Icon : Icône représentant le thème
    Lorsque vous avez ajouté l'image, une petite image avec le nom "thumbnail" apparaît.
    En cliquant sur celle-ci, vous pourrez sélectionner la portion de l'image qui représente au mieux votre thème.

Image Removed Speaker Section

Description

Cette section permet de créer une liste d'orateurs qui sera définit avec leur photo, nom, fonction et différents liens sociaux.

Exemple de rendu

Image Removed

Paramètres de section

Pour accéder aux paramètres de section, cliquez sur l'onglet "Content".

Image Removed

  • Top Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessus du contenu dynamique de la section
  • Bottom Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessous du contenu dynamique de la section
Info
titleUtilisation

Ces grilles fonctionnent exactement de la même manière que la section "Grid Section"

Paramètres du contenu dynamique

Pour accéder à la liste de la section, cliquez sur l'onglet "Items".

Image Removed

Info
titleCréation et Réorganisation des éléments dynamiques

Pour créer et réorganiser les éléments de la liste, voir les informations générales.

Paramètres de l'élément dynamique

  • Title : Titre de l'orateur
  • Speaker Image : Photo représentant l'orateur
    Lorsque vous avez ajouté l'image, une petite image avec le nom "thumbnail" apparaît.
    En cliquant sur celle-ci, vous pourrez sélectionner la portion de l'image qui représente au mieux votre orateur.
  • Speaker Subtitle : Petit texte qui précise la définition de l'orateur
  • Speaker Social Links : Liste de liens sociaux qui s'affichera au-dessous de l'orateur

Image Removed Partner Section

Description

Cette section permet de créer une liste de partenaires avec leur logo et un lien.

Exemple de rendu

Image Removed

Paramètres de section

Pour accéder aux paramètres de section, cliquez sur l'onglet "Content".

Image Removed

  • Top Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessus du contenu dynamique de la section
  • Bottom Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessous du contenu dynamique de la section
Info
titleUtilisation

Ces grilles fonctionnent exactement de la même manière que la section "Grid Section"

Paramètres du contenu dynamique

Pour accéder à la liste de la section, cliquez sur l'onglet "Items".

Image Removed

Info
titleCréation et Réorganisation des éléments dynamiques

Pour créer et réorganiser les éléments de la liste, voir les informations générales.

Paramètres de l'élément dynamique

  • Title : Titre du partenaire
  • Partner Link : Lien vers le site web du partenaire
  • Partner Logo : Logo du partenaire

Image Removed Event Section

Description

Cette section permet d'afficher un programme avec une liste d'événements divisées par jour.

Chaque événement contiendra un titre, une catégorie, un lieu, une durée ainsi qu'un orateur.

Exemple de rendu

Image Removed

Paramètres de section

Pour accéder aux paramètres de section, cliquez sur l'onglet "Content".

Image Removed

  • Top Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessus du contenu dynamique de la section
  • Bottom Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessous du contenu dynamique de la section
Info
titleUtilisation

Ces grilles fonctionnent exactement de la même manière que la section "Grid Section"

Paramètres du contenu dynamique

Pour accéder à la liste de la section, cliquez sur l'onglet "Items".

Image Removed

Info
titleCréation et Réorganisation des éléments dynamiques

Pour créer et réorganiser les éléments de la liste, voir les informations générales.

Paramètres de l'élément dynamique

  • Start Date: Date et heure de début de l'événement
  • End Date: Date et heure de fin de l'événement
  • Speaker : Orateur de l'événement
  • Category : Catégorie de l'événement
  • Location : Lieu de l'événement

Image Removed Registration Section

Description

Cette section permet de créer une liste de carte d'enregistrement.

Chaque carte contiendra un titre, une date de début et de fin, une petite description et un bouton (si il y a lien, sinon simple texte) au fond de la carte.

Exemple de rendu

Image Removed

Paramètres de section

Pour accéder aux paramètres de section, cliquez sur l'onglet "Content".

Image Removed

  • Top Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessus du contenu dynamique de la section
  • Bottom Grid : Zone ou l'on peut créer les lignes et les colonnes de la grille.
    Cette grille est affichée au-dessous du contenu dynamique de la section
Info
titleUtilisation

Ces grilles fonctionnent exactement de la même manière que la section "Grid Section"

Paramètres du contenu dynamique

Pour accéder à la liste de la section, cliquez sur l'onglet "Items".

Image Removed

Info
titleCréation et Réorganisation des éléments dynamiques

Pour créer et réorganiser les éléments de la liste, voir les informations générales.

Paramètres de l'élément dynamique

  • Start Date: Date de début de la carte d'enregistrement
  • End Date: Date de fin de la carte d'enregistrement
  • Description : Petite description affichée dans la carte d'enregistrement
  • Footer Text : Texte du bouton au fond de la carte d'enregistrement
  • Registration Link : Lien du bouton au fond de la carte d'enregistrement

    Insert excerpt
    STCUserGuideTemplateFR:STC User Guide Space Template FR
    STCUserGuideTemplateFR:STC User Guide Space Template FR
    nopaneltrue

    Vous trouverez la liste complète des sections disponibles.

    Page Properties Report
    sortByTitle
    cqllabel in ("chapter","section") and parent = currentContent()