Ligne graphique web UNIL pour les sites Jahia

La ligne graphique pour les sites web Jahia UNIL précise la structure des sites, les modèles de pages, les dimensions des images, les en-têtes et pieds de page, etc.


Structure des sites

Lors de l'ouveture d'un sites Jahia sur les serveurs du Ci, seules sont présentes les pages suivantes:

Les pages de contenu sont créées par les webmasters du site.

structure1.png


Fonctionnement du menu principal et navigation de premier niveau sur une page d'accueil:

structure2.png


Fonctionnement de la navigation de premier et deuxième niveau sur une page de contenu:

structure3.png


En édition, voici l'utilisation des conteneurs "pages institutionnelles" et "pages accès guidés" :

structure4.png


Modèles de pages

2 modèles de pages sont disponibles pour la création des sites:

jahia-modele-home.png

jahia-modele-contenu.png


La présentation de la page d'accueil peut varier en fonction des options utilisées, comme illustré dans l'exemple ci-dessous.

home options.png

Pour plus de précisions, voir page d'accueil d'un site Jahia et pages de contenu d'un site Jahia.


Dimensions des images

L'insertion d'images dans les composants de contenu Jahia nécessite souvent un redimensionnement ou un recadrage préalable selon la taille de l'image.

taille images 1.png


taille images 2.png


Pages "outils"

Ce terme désigne les pages accessibles par les liens dans le pied de page.

pages outils.png


En-têtes et pieds de page

Dans les sites Jahia UNIL, les webmasters ne peuvent pas modifier directement le contenu des en-têtes et pied de page, ils/elles doivent pour cela adresser leur demande de modification au helpdesk du Ci.
Seule exception: la zone des liens rapides => voir plus bas.

L'en-tête

Texte de l'en-têtre: pour l'émetteur du site (=unité responsable du site), 2 lignes sont à disposition dans l'en-tête. Elles sont utilisées comme dans ces exemples:

lignes header.png

Couleur du menu principal: 9 couleurs sont disponibles, utilisées selon ce princinpe

couleurs1.png

couleurs2.png

La zone des liens rapides (=shortcuts):
Cette zone de menu complémentaire est directement éditable par les webmasters à partir de la page d'accueil du site. Elle permet l'ajout de liens internes ou externes pertinents. Son intitulé est modifiable (=dropdown title). Voir page d'accueil d'un site Jahia.

shortcuts.png


Le pied de page

Les logos en pied de page sont utilisés dans 3 cas de figure distincts:

logo footer 1.png

logo footer 2.png

logo footer 3.png

Voir aussi:

[ Documentation Jahia: retour au sommaire ]


Révision #22
Créé 19 octobre 2022 14:26:18 par PW
Mis à jour 10 février 2025 15:40:04 par PW