Sommaire Edition de sites Jahia 6.6 documentation temporaire en attendant la finalisation de la documentation en ligne Ligne graphique Débuter l'édition Interface utilisateur Astuces de publication Boîte de contenu standard Gestion de fichiers Pages de contenu Page d accueil Adresses des pages Sites multilingues Erreurs à éviter Aide Centre informatique UNIL - version 1.7 - mai 2015 1 2 Ligne graphique 1er niveau menu: max. 11 pages En option, menu en 2 parties (2 couleurs)...... page d'accueil max. 11 pages nombre illimité de pages exemple: page d'accueil max. 11 pages accès institutionnels accès guidés 3 4
actualités Eléments optionnels sans aucune option événements avec toutes les options réseaux sociaux à découvrir options "texte + image" et "visibilité sur toutes les pages" super liens boîtes multi-usages (texte, fichiers, liens, RSS) 5 Taille des éléments visuels page d'accueil 6 image fixe ou diaporama: 589 x 230 px page de contenu image ou vidéo dans contenu principal: largeur max. 573 px video: hauteur max. 230 px image dans contenu latéral: largeur max. 190 px image "à découvrir": largeur 190 px vignette "actualités": 51 x 68 px 7 dans une galerie d'images: taille non limitée 8
Pages "outils" - contact (avec formulaire pour écrire au webmaster) - annuaires - plan du site (anciennement "site map") - informations légales (copyright + "disclaimer") - impressum Boîtes de contenu - contenu standard - tableau - galerie d images - flux RSS - liste dynamique - vidéo - liste avec présentation - contenu standard - flux RSS - liste dynamique - font partie de la ligne graphique - leur contenu de base peut être complété - lien édition (uniquement pour éditer le site, utiliser autres liens pour login intranet) contenu principal contenu latéral 9 10 Débuter l'édition 2 zones de contenu : menu principal rappel: jamais plus de 11 éléments au total au 1er niveau du menu "main" = colonne centrale "side" = colonne latérale 11 12
supprimer une page ou un contenu 1. activer la zone 2. choisir le type de boîte à ajouter 1. 2. publier la suppression pour terminer l'opération en cas d'erreur, possible d'annuler 13 14 Interface utilisateur barre d outils espace d édition sélecteur de pages toujours utiliser le sélecteur de pages pour se déplacer dans le site sélecteur de pages triangles pour déployer l'arborescence 15 16
clic droit (menu contextuel) dans le sélecteur de pages: créer, publier, supprimer... glisser/déposer (=drag and drop) dans le contenu de la page: éditer, copier, supprimer... déplacer une page dans la structure du site 17 déplacer un contenu dans une page 18 indicateur de l'état de publication 1. publier pour publier: = n'a jamais été publié = mis à jour, en attente de publication = publié = en attente de suppression définitive publication immédiate 2. choisir "publication immédiate" et non pas "démarrer le workflow" ensuite la publication est terminée 19 20
3. si vous vous êtes trompé et avez choisi "démarrer le workflow" au lieu de "publication immédiate", vous voyez une tâche en attente 4. ouvrir le menu "workflow" et choisir "tableau de bord de workflow" actualiser l'affichage après publication dans les cas où il tarde à se mettre à jour 5. cliquer sur le triangle à gauche de "publication simple" 6. cliquer sur revue du contenu 8. refermer la fenêtre "tableau de bord de workflow" 7. choisir "accepter la publication du contenu vérifié" 21 22 Tri des éléments dans les longues pages (tri des boîtes de contenu ou des tableaux) exemple: déplacer la dernière boîte de contenu en haut de cette page en une seule étape Le tri par glisser/déposer pour déplacer les boîtes de contenu dans une page ou les lignes dans un tableau fonctionne bien lorsque la page ou le tableau en question sont relativement courts. 1. clic droit sur la zone "ajouter" en fin de page -> éditer Mais il est difficilement praticable pour les longues pages ou les longs tableaux, si on souhaite par exemple déplacer un élément de la fin au début de la liste. Il existe une fonction un peu cachée qui permet de trier les éléments dans les longues pages: l'onglet "ordre". 2. onglet "ordre" 3. cocher l'élément à déplacer et utiliser les liens "déplacer" pour modifier l'ordre 4. sauver 23 24
Astuces de publication le gestionnaire de publication donne une vue d'ensemble et permet également de publier plusieurs pages simultanément "tout publier sous..." pour publier simultanément une page et ses sous-pages depuis le menu publication triangles pour déployer l'arborescence 25 26 possibilité d agir sur la propriété de visibilité d une page ou d un contenu à masquer temporairement possibilité d annuler des modifications non publiées 1 1 2 2 4 5 5 4 3 option possible: revenir à une version antérieure 3 6 27 28
Boîte de contenu standard saisie simplifiée du contenu standard: titre + texte + fichier visibles simultanément texte seul rappel: structure d'un contenu standard texte suivi d'un document 3 possibilités document seul 29 30 ajouter une image toutes les images dans la fenêtre de l'éditeur tous les documents (PDF, Word, Excel ) dans la zone "fichier" ajouter un document 31 32
ajouter une image ajouter un document 33 34 pour créer un lien interne ne pas faire un copier/coller de l'adresse de cette page non! no! Nein! méthode correcte: exemple: pour créer un lien interne vers la page "bachelor" 1. déployer l'arborescence du site en cliquant sur les triangles 4. sauver 3. sélectionner la page de destination du lien dans la colonne de droite 2. sélectionner la page parente de la page de destination du lien dans la colonne de gauche 35 36
pour créer un lien externe 3. adresse du lien 4. OK 1. sélectionner texte du lien 2. ouvrir éditeur de lien option: ouverture du lien externe dans nouvelle fenêtre 37 38 Gestion de fichiers (documents + images) le gestionnaire de documents est accessible à tout moment, directement depuis la barre d outils 1. toujours commencer par cliquer dans la colonne de gauche 2. utiliser les triangles pour voir la sous-arborescence éventuelle 3. ensuite on peut agir sur le contenu du dossier ouvre une fenêtre "popup" attention: cette fenêtre peut parfois se retrouver cachée derrière la fenêtre principale 39 40
clic droit pour créer dossier ou pour placer fichier sur le serveur choix possible entre un affichage par liste de noms ou par vignettes plus d'obligation de placer les fichiers dans dossier "shared" possibilité de placer plusieurs fichiers en même temps 41 42 possible de déplacer des fichiers d'un dossier à un autre, par glisser-déposer information sur les pages où le fichier est utilisé comme les pages, le fichier a aussi un statut "publié" ou "non publié" (en vue "liste", pas en vue "vignettes") attention: - leur adresse est alors modifiée - ne pas oublier de publier le déplacement 43 44
choisir l'intitulé d'un lien vers un PDF: les noms de documents doivent respecter les règles web: - pas d'espaces, accents ou signes spéciaux - toujours une extension (.pdf, etc.) mais on peut leur donner un titre libre, qui sera utilisé comme intitulé du lien problème /solution: si un document est affiché avec un intitulé de lien différent de son nom exemple: ceci vient du fait que ce document avait un titre différent dans ses méta-données, et que Jahia l'a utilisé comme intitulé du lien ne pas modifier le system name! dans le gestionnaire de documents, il faut donc modifier cet intitulé 45 46 1. modifier cet intitulé 2. publier cette modification 3. l'intitulé est correct texte alternatif pour les images (nécessaire pour l'accessibilité du site) 47 48
récupérer l'adresse d'un document dans Jahia (pour l'utiliser pour un lien dans un contenu standard ou depuis une actualité) Pages de contenu 1. charger le document dans le gestionnaire de documents 2. le publier 3. copier l'adresse relative (/sites/nomdusite/files ) visible sous l'onglet "information" > "chemin" 4. pour l'utilisation comme lien dans un contenu standard, faire précéder cette adresse relative de /files/live exemple: /files/live/sites/nomdusite/ files boîtes de contenu inchangées : - contenu standard - flux RSS - liste dynamique boîtes de contenu améliorées : - tableau - galerie d images 5. pour l'utilisation comme lien à la fin d'une actualité dans MyUNIL, faire précéder cette adresse relative de http://www.unil.ch/nomdusite/files/live exemple: http://www.unil.ch/nomdusite/files/live/sites/ nomdusite/files boîtes de contenu nouvelles : - vidéo - liste avec présentation 49 50 tableau - 1, 2 ou 3 colonnes, largeur totale toujours 100% - cellules triables manuellement, et déplaçables d'un tableau à un autre - option de "tri pour les visiteurs" Page d'accueil galerie d'images - génération automatique des vignettes navigation principale image centrale recherche mot de bienvenue réseaux sociaux liste avec présentation - idéale pour contenu de type générique - but: gain de place - choix possible entre 3 présentations: normal / onglets / FAQ - trier les éléments: éditer la boîte > onglet "ordre" boîte multiusages actualités événements à découvrir + super liens boîte multiusages boîte multi-usages boîte multiusages 51 52
image centrale pour changer de type de contenu (image fixe, diaporama ou vidéo), commencer par supprimer le contenu existant Adresses des pages liens vers les réseaux sociaux - zone "follow us" - ouvre dans nouvel onglet les présences sur les médias sociaux boîte "à découvrir" - zone "discover" - peut accueillir texte et image - option "activer l'affichage sur tout le site" super liens - zone "home right links" boîtes multi-usages - déplaçables d'une colonne à l'autre Jahia 6.6 http://www.unil.ch/ssp/.../enseignement/master/psychologie.html http://www.unil.ch/ssp/page31607.html http://www.unil.ch/ssp/masterpsychologie exemple adresse par défaut alias créé lors de la migration, ne pas le supprimer! en option: alias supplémentaire 53 54 en option, possibilité de créer des alias supplémentaires Sites multilingues pour changer de langue en édition, toujours utiliser le menu déroulant de l'interface Jahia 1 3 2 dans l'édition d'une page : oui! non! dans l'édition d'un contenu : 4 55 56
copier dans les autres langues (si le contenu est identique) pour chaque élément de contenu, choisir entre: ou changer de langue pour saisir l'autre langue (si le contenu est différent) La publication est séparée par langues. Il faut donc : - publier une page dans une langue - changer de langue - publier cette page dans l'autre langue 2 1 3 57 58 Erreurs à éviter Etant donné que dans les sites multilingues les boîtes de contenu ne sont pas toujours exactement parallèles entre les langues (emplacement et nombre), il se peut qu'une boîte de contenu soit vide dans une langue, mais qu'elle ait un contenu dans une autre langue. Pour la langue dans laquelle elle est vide, on voit son "fantôme" (=un rectangle vide) ==> ne pas la supprimer avant d'avoir vérifié si elle était aussi vide dans l'autre langue. les principales erreurs à éviter pour ne pas casser (trop de choses dans) votre site ne pas modifier le system name d une page ou d un document ne pas modifier le system name d'une page laisser cette case cochée Cas particulier : pour les boîtes multi-usage et superliens en page d'accueil, il faut impérativement utiliser les mêmes boîtes, et non pas des boîtes distinctes, sans quoi un décalage sera visible. idem pour un document, comme expliqué au chapitre "gestion de fichiers" 59 60
ne pas déplacer ni renommer les fichiers migrés (=dossier "shared" dans le gestionnaire de documents) ne pas supprimer le dossier "shared" ne pas déplacer, ni renommer, ni supprimer ce dossier ne pas déplacer ni renommer son contenu pour le moment page d'accueil et pages "outils" : ne pas les renommer, ni les déplacer, ni les supprimer, ni changer leur template ne pas renommer un mode d emploi sur les déplacements de fichiers sera fourni ultérieurement ne pas changer le template 61 62 rappel : Aide si vous supprimez une page ou un contenu par erreur, annuler l opération au lieu de publier! si vous vous êtes trompé : annuler la suppression informations générales sur l'offre web du Ci: www.unil.ch/ci/web documentation Jahia 6.6: www.unil.ch/infojahia (en construction, remplacera le présent document) aide: helpdesk@unil.ch 63 64