Ajout et configuration d'un élément

Ajout d'un élément dans les blocs de la page d'accueil

Insertion d'éléments par "glisser/déposer"

Le principe 

  • Pour ajouter un élément, faites le glisser depuis le menu vers l’une des cinq zones disponibles sur la page.
  • Chaque élément s’étend automatiquement sur toute la largeur de la zone dans laquelle il est placé. Pour un rendu optimal, certaines dispositions sont à privilégier : par exemple, le module « Rubriques verticales » est plus adapté pour un affichage dans la zone 1/3.
  • Vous pouvez insérer autant d’éléments que vous le souhaitez dans chaque zone : ceux-ci seront disposés les uns sous les autres.

Les différents éléments 

liste-elements.png

 

 

 

  • Bandeau : pour afficher une image de type bandeau.
     
  • Bannière : pour afficher une image cliquable (lien vers URL).
     
  • Edito : pour afficher les données saisies dans l’élément Edito situé dans l’arborescence.
     
  • Liste Actualités : pour afficher 5, 4 ou 3 contenus positionnés dans le dossier Actualités. Le nombre varie en fonction de la zone d'insertion choisie.
     
  • Agenda : pour afficher une sélection d’événements dans l’ensemble du site (sans limite quant au nombre d’éléments choisis).
  • Galerie : pour afficher les images contenues dans un dossier de la médiathèque du site.
     
  • Vidéo : pour afficher une vidéo Youtube, Dailymotion, Vimeo ou INRAE.
     
  • Rubriques verticales : pour afficher une sélection de rubriques verticales sous forme d’arborescence.
     
  • Collection : pour afficher selon 2 formats une sélection de dossiers, articles ou événements.
     
  • Texte : pour afficher un contenu saisi directement dans ce bloc de texte riche (texte, video, widget, image…) 

 

Menu contextuel des éléments

L'élément est placé dans une zone : au survol de celui-ci, un menu spécifique s'affiche.

menu-element

Il contient le type d'élément (ici Collection) ainsi que le nom défini par le gestionnaire (à propos de...)

Vous pouvez :

numero-1.png

Le déplacer dans une autre zone par glisser/déposer

numero-2.png

Utiliser les flèches de déplacement pour le déplacer dans la zone d'accueil puis le faire passer dans une autre zone

numero-3.png

Configurer l'élément

numero-4.jpg

Afficher un sous-menu pour :
- Dupliquer le bloc et ses caractéristiques dans la même zone
- Actualiser le contenu du bloc après modifications
- Supprimer le bloc

Configurer un élément : roue crantée

En cliquant sur l’icône roue crantée, vous accédez à une fenêtre de configuration composée de trois onglets :

  • Propriétés : pour définir le contenu du bloc (les options varient selon le type de bloc).
  • Mise en page : pour choisir dans le cas de l'élément collection un mode d’affichage - card ou liste.
  • Planificateur : pour définir une période de visibilité en spécifiant des dates de début et de fin. Onglet commun à l'ensemble des éléments

Après avoir cliqué sur le bouton "Enregistrer et fermer" de la fenêtre, le back-office affiche le contenu du bloc à son emplacement. Pour le reconfigurer, cliquez sur la roue crantée.

Les paramètres de configuration propres à chaque élément

config-bandeau

 

Nom : ne s'affiche pas en front-office

Image : sélection d'une image dans l'onglet media

 

Hauteur : paramétrable entre 300 et 500 pixels

Texte libre : texte qui s'affiche sur un fond grisé. Ce texte est préformaté : toute mise en forme ajoutée ne sera pas prise en compte. 

Cacher : pour cacher le fond grisé et le texte saisi dans la zone texte libre

Sauvegarder la saisie : sauvegarde votre saisie au sein du bloc.

Vous devrez ensuite publier votre page.

Panneau de configuration de l'élémnt bannière

 

 

Nom : ne s'affiche pas en front-office

Image : sélectionnez une image dans l'onglet media du site par l'intermédiaire du navigateur de contenus. Attention : la largeur de l’image ne s’ajuste pas automatiquement à la zone d’insertion. Par exemple, une image d’origine de 600 pixels de large n’occupera pas toute la largeur prévue pour une zone en pleine page.

URL : saisir une URL de destination au clic sur l'image

Sauvegarder la saisie : sauvegarde votre saisie au sein du bloc.

 

Vous devrez ensuite publier votre page.

Paramètres de configuration de l'edito

 

Nom : il ne s'affiche pas en front-office

Sélection du bloc Edito : sélectionnez le contenu de type Edito par l'intermédiaire du navigateur de contenus. 

Sauvegarder et fermer : pour finaliser la configuration du bloc Edito.

Vous devrez ensuite publier votre page.

En fonction de la zone d'insertion choisie, de 3 à 5 articles et événements positionnés dans le dossier Actualités s'affichent ici. 

Zone 2 (pleine page) : affichage de 2 éléments au format "Card" et 3 éléments au format "List"
Zone 3 (2/3 de page) : affichage de 1 élément au format "Card" et 3 éléments au format "List"
Zone 4 (1/3 de page) : affichage de 3 éléments au format "List"

config-actus.jpg

 

 

 

 

Nom : s'affiche en front office 

Ordre d'affichage : sélectionner obligatoirement un ordre parmi les 4 proposés. Si vous sélectionnez "Par ordre de priorité...", veillez à renseigner des numéros de priorité dans le tableau des sous-éléments du dossier Actualités.

Sauvegarder et fermer : pour finaliser la configuration du bloc Actualités.

Vous devrez ensuite publier votre page.

La sélection doit comporter uniquement des contenus de type "Événement" que vous allez choisir dans l'ensemble du site grâce au navigateur de contenu.

config-agenda1.jpg

 

 

Nom : s'affiche en front-office

Liste d'éléments : cliquez sur le bouton "Sélectionner un contenu" pour accéder au navigateur de contenu et sélectionnez des événements dans l'ensemble de l'arborescence du site. Une fois sélectionnés, vous classerez l'ordre d'affichage des événements. Vous pouvez aussi supprimer un élément sélectionné ou accéder à son contenu (en cliquant sur les 3 points) pour visualisation ou modification.

config-agenda2.jpg

 

Sauvegarder et fermer : pour finaliser la configuration du bloc Agenda.

Vous devrez ensuite publier votre page.

La galerie affiche l'ensemble des images présentes dans un dossier (Folder) de l'onglet "Media".

À noter : vous avez la possibilité d’ajouter un lien dans un fichier image. Celui-ci ne sera pris en compte que dans la galerie.

config-galerie.jpg

 

 

Nom : il ne s'affiche pas en front-office

Sélectionnez un élément de contenu : par l'intermédiaire du navigateur de contenu, sélectionnez le folder ou dossier contenant les images dans l'onglet Media

Ordre d'affichage par défaut : choisissez ici l'ordre que vous aurez défini au sein du folder (dossier) ou un ordre aléatoire.

Défilement automatique et délai : si vous optez pour un défilement automatique vous pouvez ajuster l’intervalle de temps entre deux images.

Sauvegarder et fermer : pour finaliser la configuration du bloc Galerie.

Vous devrez ensuite publier votre page.

Les vidéos pouvant être insérées doivent être hébergées sur le serveur INRAE ou Youtube ou Dailymotion ou Viméo.
La taille de l'affichage de la vidéo s'adapte à la zone d'insertion sélectionnée.

Ecran de configuration du widget vidéo

 

Nom : il ne s'affiche pas en front-office

Lien de la vidéo : copiez ici le lien de partage de la vidéo

Sauvegarder et fermer : pour finaliser la configuration du bloc Vidéo.

 

Vous devrez ensuite publier votre page.

Les contenus de type "rubrique verticale" sont créés en back-office dans le dossier racine du même nom. Ils contiennent des éléments de type Lien ou Dossier. 

Ecran de configuration du widget rubrique verticale

 

 

Nom : il ne s'affiche pas en front-office

Rubriques verticales : cliquez sur le bouton "Sélectionner un contenu" pour accéder au navigateur de contenu et sélectionnez les rubriques verticales à afficher. Une fois sélectionnées, vous classerez l'ordre d'affichage des événements par glisser/déposer. Vous pouvez aussi supprimer un élément sélectionné ou accéder à son contenu (en cliquant sur les 3 points) pour visualisation ou modification.

Ecran de modification de l'ordre d'affichage des rubriques verticales.

à noter : le titre de chaque rubrique verticale s'affichera en front-office suivi d'une flèche pour plier ou déplier son contenu 

Sauvegarder et fermer : pour finaliser la configuration du bloc Rubriques verticales.

Vous devrez ensuite publier votre page.

  

Les contenus à sélectionner pour une collection sont de type article, événement ou dossier.
2 format d'affichage au choix (card ou list) à sélectionner dans l'onglet Mise en page.

Ecran de configuration du widget collection

ONGLET "Propriétés"

Nom : il s'affiche en front-office

Location List : cliquez sur le bouton "Sélectionner un contenu" pour accéder au navigateur de contenu et sélectionnez les articles, événements ou dossiers à afficher. Une fois sélectionnés, vous classerez l'ordre d'affichage des événements par glisser/déposer. Vous pouvez aussi supprimer un élément sélectionné ou accéder à son contenu (en cliquant sur les 3 points) pour visualisation ou modification.

Ecran de modification de l'ordre d'affichage des contenus de la collection.

ONGLET "Mise en page"

Au choix le mode Card ou List qui s'applique à l'ensemble des éléments sélectionnés.

Choix du format d'affichage de la collection

Mode card

Illustration du mode card

Mode list

Illustration du mode list

 

 

 

Sauvegarder et fermer : pour finaliser la configuration du bloc Collection.

Vous devrez ensuite publier votre page.

Cet élément vous donne accès à une zone de saisie en mode texte riche. La largeur d'affichage dépend de la zone d'insertion de l'élément.

Ecran de configuration du widget texte

 

 

Nom : il ne s'affiche pas en front-office

Contenu : au clic dans cette zone, le menu permettant de mettre en forme du texte et d'indérer divers éléments apparait. Pour les fonctionnalités du menu voir le manuel de l'éditeur de texte ou la page web dédiée.

Sauvegarder et fermer : pour finaliser la configuration du bloc Texte.

Vous devrez ensuite publier votre page.