SITE WEB LPCLe guide complet

lpc-dev.univ-amu.fr

Fabienne Lacoude – Jan. 2017

PRISE EN MAIN

2

ACCÉDER À VOTRE SITE WEB

3

APPARENCE DU SITE EN MODE CONNECTÉ

4

Page d’accueil intranet

A la connexion, les utilisateurs identifiés AMU ou membres du site sont automatiquement redirigés vers

la page d’accueil de l’intranet (type de contenu private content)

Lien vers les archives des séminaires (ceux qui n’apparaissent plus en page d’accueil)

APPARENCE DU SITE EN MODE ADMINISTRATEUR

5

En mode administrateur, certains éléments apparaissent dans l’environnement graphique de la page

Barre d’administration

Liens contextuels sur certains éléments

6

En tant qu’administrateur, vous pouvez :

• Créer, modifier et supprimer tout types de pages

• Ajouter des blocs et les positionner dans certaines régions

• Ajouter des liens dans des menus existants

• Ajouter des membres dans l’espace réservé et compléter leurs fiches profil

• Effectuer des demandes d’assistance

En tant qu’administrateur, vous ne pouvez pas :

• Modifier l’apparence du site (couleurs, polices et taille des texte…)

• Créer des menus

• Changer les éléments de l’entête de votre site (logo, nom du site…)

• Changer l’arrière-plan de votre site

VOS DROITS

ACCÈS À L’ASSISTANCE

7

En tant qu’administrateur, vous pouvez accéder directement à l’assistance en ligne (tickets) et

à la documentation via le bloc assistance gestionnaires de la page d’accueil.

Onglet assistance dans la barre d’administration

ACCÈS À L’ÉTAT DES LIENS

8

En tant qu’administrateur, vous pouvez accéder à une état des liens de votre site via le lien Etat

des liens de la barre d’administration. Cet outil liste à un instant les liens qui pointent vers une

erreur 301 ou 404 et vous permet de les réparer facilement

Onglet Etat des liens dans la barre d’administration

L’ÉDITEUR DE CONTENU

9

La barre d’outils de l’éditeur de contenus contient tous les outils permettant de mettre en forme le

contenu des pages web.

Ensemble des boutons de la barre d’outil de l’éditeur de contenus

gras italique Liste

numérotée

Liste à

pucesInsertion

de lienInsertion

d’image

Alignement

des imagesNiveaux de titreTableauSuppression

de lienInsertion

d’une

vidéo

Citation

10

Au dessous de la zone de Contenu, une case à cocher permet de configurer une Google Map dans la

limite d’une carte par page.

INSERTION D’UNE GOOGLE MAP

Méthode 1Entrer directement les coordonnées GPS et le

niveau de zoom

Méthode 2

Chercher l’adresse dans Set Map Marker,

zoomer au bon niveau avec + ou - puis

insérer la carte avec Insert map.

11

MOTEUR DE RECHERCHE

Votre site est équipé d’un moteur de recherche interne qui indexe vos contenus public. En tant qu’admin

site vous avez également accès à la recherche dans les noms utilisateurs

STRUCTURE DU SITE

12

PAGE D’ACCUEIL

13

PAGE D’ACCUEIL – ZONE D’ENTÊTE

14

Logo + Menu + Moteur de recherche+ Sélecteur de langue

Carrousel

15

PAGE D’ACCUEIL – BLOCS MENUS

Comment les modifier ?

Configurer > Ajouter les liens les uns en dessous des autres dans le bloc

Lien vers les pages liées à

chaque équipe de recherche

Lien vers les pages liées aux

thématiques « Vie du labo »

PAGE D’ACCUEIL – PUBLICATIONS

16

Dernières publications

ajoutées et lien vers la page

Publications

Comment ajouter une publication ?

Les publications sont auto alimentées avec les données provenant d’HAL AMU.

Chaque membre peut également ajouter des publications : Pied de page > Enregistrer une

publication

PAGE D’ACCUEIL – ZONE SEMINAIRES

17

Comment modifier un séminaire existant ?

Accéder à la vue d’ensemble des contenus via

Contenu et retrouver le Séminaire à modifier dans

la liste > Modifier

Comment ajouter un séminaire ?

Contenu > Ajouter du contenu > Séminaire

Archives Séminaires

Les séminaires passés sont automatiquement

archivés et proposés via le lien intranet du pied de

page

PAGE D’ACCUEIL – ZONE ÉVÈNEMENTIELLE

18

Comment modifier un article existant ?

Clic sur l’article > Modifier

Comment ajouter un article ?

Contenu > Ajouter du contenu > Article

8 articles présentés en page d’accueil puis pagination

Bloc A la Une alimenté par les contenus de type Article

PAGE D’ACCUEIL – ZONE DE PIED DE PAGE

19

Bloc contact

Coordonnées du labo

Menu espace réservé Connexion / Déconnexion

Enregistrement d’une nouvelle publication

Lien direct vers l’intranetEdition du profil pour les

membres

NAVIGATION

20

Le menu principal est présent sur toutes les pages du site. Il comporte 4 rubriques :

• Accueil : retour à la page d’accueil. Doit rester en première position

• Laboratoire : rubrique donnant accès aux pages statiques d’information sur le LPC

MENU PRINCIPAL

21

• Annuaire : lien vers l’annuaire interne des chercheurs

• Contact : formulaire de contact

RUBRIQUE LABORATOIRE

22

Cette rubrique accessible depuis le menu principal a vocation à donner accès aux sous-rubriques

d’information sur le LPC.

• Présentation : page statique de présentation du LPC

• Publications : liens vers les publications importées depuis HAL AMU

• Equipes : liens vers les pages des 5 différentes équipes de recherche du LPC

Cognition et contexte social

Perception et attention

Développement et vieillissement cognitifs

Langage

Cognition comparée

23

BLOC MENU DE LA PAGE D’ACCUEIL

Comment les modifier ?

Configurer > Ajouter les liens les uns

en dessous des autres dans le bloc

Lien vers les pages liées à

chaque équipe de recherche

Lien vers les pages liées

aux thématiques

« Vie du labo »

LES TYPES DE CONTENU

24

LES 9 TYPES DE CONTENU DE VOTRE SITE

Type Description

Article Permet de rédiger les actualités affichées en page d’accueil

Carrousel Permet d’ajouter des images au diaporama de la page d’accueil

Equipe de recherche Permet de créer la fiche descriptive d’une équipe de recherche

Galerie Permet de présenter des images sous forme de galeries photos

Private content Permet de publier un contenu accessible aux utilisateurs autorisés (par défaut, les

personnels AMU)

Publication Permet d’ajouter une publication

Public content Permet de publier un contenu accessible à tous

Séminaire Permet d’annoncer les prochains séminaire sont une forme d’agenda

Webform Permet de concevoir des formulaires (contact, inscriptions…)

25

Votre site web prévoit 9 types de contenus différents selon la nature des informations à publier. Vous

ne pouvez pas créer de nouveau contenu pour les types qui apparaissent sur fond grisé

ARTICLE

26

Les contenus de type article permettent de publier des actualités. Les articles sont composés d’un

titre, d’une description et/ou d’une image. On peut également y ajouter des dates de début et de fin,

les associer à différents thèmes et y joindre des fichiers. Un aperçu des 8 premiers articles apparaît en

page d’accueil : l’ordre tient compte de la date de l’évènement et de la date de mise en ligne de

l’article. S’il y a plus de 8 articles, les plus anciens sont accessibles par une pagination.

Modifier un article existant

Clic sur l’article > Modifier

Ajouter un article

Contenu > Ajouter du contenu > Article

Aperçu de l’article en page d’accueilArticle

27

Les carrousels également appelés diaporamas ou slideshows permettent de présenter des

informations sous forme d'images défilantes placées dans un large espace en tête de page.

Aperçu du carrousel en page d’accueil

Modifier/Supprimer un carrousel existant

Onglet contenu de la barre d’admin > retrouver son carrousel en filtrant les contenus par type

‘Carrousel’ > Modifier ou Supprimer

Ajouter un visuel dans le carrousel

Contenu > Ajouter du contenu > Carrousel

CARROUSEL

Les pages des équipes de recherche sont accessibles depuis la page d’accueil ou depuis le lien

Laboratoire > Equipes du menu principal.

Ces pages offrent une description de chaque équipe de recherche. Les publications et ressources

liées à chaque équipe s’affichent automatiquement.

28

EQUIPE DE RECHERCHE

Configurer une page Equipe

Aller sur l’équipe à modifier > Modifier

Vous pouvez renseigner :

- Une photo

- Un slogan

- Un responsable

- Des thématiques

- Des contats

- Des dispositifs et

matériels

expérimentaux

29

Le type de contenu galerie vous permet de présenter des événements sous forme d'albums photos. Les

images sont affichées sous forme de miniatures et s’ouvrent en plein écran au clic.

Aperçu d’une galerie photo

Modifier/Supprimer une galerie existante

Onglet contenu de la barre d’admin >

retrouver sa galerie en filtrant les contenus par

type ‘Galerie’ > Modifier ou Supprimer

Ajouter un nouvelle galerie

Contenu > Ajouter du contenu > Galerie

GALERIE

Configuration

• Ajouter des images

Ajouter un nouveau fichier > Parcourir > Sélectionner toutes les images à transférer > Transférer

• Relations

Vous pouvez déterminer des relations avec les plateaux techniques ou les équipes de recherche pour

un affichage automatique des galeries dans les pages des équipes/plateaux liés

Le type de contenu private content permet de présenter du contenu plutôt statique, sujet à peu

de mises à jour, dont on souhaite restreindre la visibilité à certains publics.

Modifier un private content existant

Aller sur la page à modifier > Modifier

Ajouter un nouveau private content

Contenu > Ajouter du contenu > private content

PRIVATE CONTENT

30

Paramétrage

• Visibilité

Par défaut les pages private content sont acessibles à tous

les personnels AMU mais il est possible de restreindre la

visibilité aux seuls membres du site

• Contenu

Visibilité d’un contenu private content

31

PUBLICATION

Le catalogue des publications du laboratoire est accessible depuis le menu principal, rubrique

Laboratoire > Publications. Il est auto alimenté avec les données provenant d’HAL AMU. Il affiche

les publications par année. Chaque publication intègre une description détaillée et un lien vers sa

source. Dans l’annuaire chaque fiche de membre affiche les publications associées. La page

d’accueil affiche les 8 dernières publications.

Page Publications avec filtres par années

Modifier une publication

Onglet contenu de la barre d’admin > retrouver la

publication en filtrant les contenus par type ‘Publication’

> Modifier

Ajouter un nouveau publication

Pied de page > Enregistrer une publication

Ou

Contenu > Ajouter du contenu > Publication

32

Le type de contenu public content est dédié aux pages statiques

Elles sont accessibles à tous publics contrairement aux pages private content qui ne sont

accessibles qu’aux utilisateurs autorisés (membres du site).

Le public content prévoit un titre et/ou un body (contenu principal) et/ou des images et/ou des

blocs

Le corps d’une page public content peut comporter des éléments de différents types : texte, liens,

images, vidéos, tableaux, Google map

Modifier un public content existant

Aller sur la page à modifier > Modifier

Ajouter un nouveau public content

Contenu > Ajouter du contenu > public content

PUBLIC CONTENT

33

Le type de contenu séminaire permet de présenter en page d’accueil les prochains séminaires

sous forme d’agenda.

Modifier un séminaire

Onglet contenu de la barre d’admin > retrouver le séminaire en

filtrant les contenus par type ‘Séminaire’ > Modifier

Ajouter un nouveau séminaire

Contenu > Ajouter du contenu > Séminaire

SÉMINAIRE

Archives Séminaires

Les séminaires passés sont automatiquement archivés et proposés

via le lien intranet du pied de page

34

Votre site web vous offre la possibilité de mettre en place des formulaires grâce au type de

contenu webform. Toutes les données collectées au travers des formulaires sont consultables via

l’interface d’administration de votre site et exportables au format Excel. Vous pouvez donc

facilement archiver et exploiter ces données.

Modifier un webform existant

Retrouver son formulaire en passant par Contenu > Webforms > Composants

Ajouter un nouveau webform

Contenu > Ajouter du contenu > Webform

WEBFORM

L’ANNUAIRE

35

36

L’ANNUAIRE

L’annuaire des chercheurs est accessible depuis le menu principal (Annuaire). Il est

alimenté par les fiches profils renseignées par les membres. Il propose des filtres (ou

facette) par statut, équipe de recherche ou plateau technique.

Se connecter

Cliquer sur Mon profil

Aller sur Modifier puis

renseigner son profil

RENSEIGNER SON PROFIL

7

L’annuaire est alimenté avec les fiches membres. Chaque membre du site connecté peut renseigner

son profil. Attention, pour pouvoir renseigner son profil, l’utilisateur doit être membre du site

LES PUBLICATIONS

38

39

PUBLICATION

Tous les membres du site, ainsi que les admin site, peuvent enregistrer des publications sur le site

Une fois enregistrées, les publications implémentent :

- Le bloc « Publications » dans chaque page Equipe de recheche

- Le bloc « Publications » dans chaque page Plateau technique

- Le bloc « Publications » dans chaque page Profil

40

LES PUBLICATIONS

Le catalogue des publications du laboratoire est accessible depuis le menu principal, rubrique

Laboratoire > Publications. Il est auto alimenté avec les données provenant d’HAL AMU. Il affiche

les publications par année. Chaque publication intègre une description détaillée et un lien vers sa

source. Dans l’annuaire, chaque fiche de membre affiche les publications associées.

Page Publications avec filtres par années

Détail d’une publicationAffichage des publications

sur une fiche membre

41

PUBLICATIONS PAR AUTEUR

Le catalogue des publications est alimenté avec des données provenant du dépôt HAL AMU. Ce

dépôt peut présenter des formes auteurs multiples pour un même auteur. Chaque auteur peut

donc, lorsqu’il renseigne son profil, renseigner les différentes formes auteurs connues pour ses

publications afin de s’assurer que la totalité de sa production est bien récupérée. S’il connaît son

identifiant HAL, il peut également le renseigner ce qui garantit l’exhaustivité des données

récupérées.

Exemple formes auteurs multiples sur HAL AMU

Identifiants multiples sur la fiche profil du membre Champ identifiant HAL

LA GESTION DES UTILISATEURS

42

LES MEMBRES DU SITE

Le site du LPC est doté d’un annuaire interne alimenté par les profils des membres du site. Deux

procédures distinctes existent pour affilier des personnes au statut de Membre du site. Ces

procédures ne fonctionnent que pour les personnels AMU

Méthode 1

Alimentation automatique depuis l’annuaire AMU

Un module permet de récupérer automatiquement tous

les personnels du laboratoire dans l’annuaire AMU et de

les affilier automatiquement comme membres.

L’annuaire comprend donc a minima cette liste de

personnels avec leurs informations de base.

A charge pour eux ou pour les admin site de détailler

les profils pour enrichir l’annuaire

Méthode 2

Alimentation manuelle

L’onglet Personnes de la barre

d’administration vous donne accès à toutes

les personnes s’étant connectées au moins

une fois sur le site.

Vous pouvez ensuite accéder à leur profil et

les affilier manuellement comme membres

7

Cette opération n’étant effectuée qu’une seule fois à la

mise en production, il conviendra de réaliser une

procédure manuelle pour les profils n’ayant pas été

importés

AFFILIER MANUELLEMENT LES MEMBRES DU SITE

7

Si l’assignation automatique n’a pas fonctionné et qu’un personnel du laboratoire n’est pas présent

dans l’annuaire, vous pouvez affilier manuellement une personne comme membre du site pour lui

donner à son profil. Attention, la personne doit s’être connectée au moins une fois pour pouvoir

réaliser cette procédure

Se connecter

Cliquer sur Mon profil

Aller sur Modifier puis

Renseigner son profil

RENSEIGNER SON PROFIL

7

Chaque membre du site peut renseigner son profil pour enrichir l’annuaire

RENSEIGNER SON PROFIL - HAL

7

Chaque profil présente les publications associées à son auteur. Le catalogue des publications est

alimenté avec des données provenant du dépôt HAL AMU. Ce dépôt peut présenter des formes

auteurs multiples pour un même auteur. Chaque auteur peut donc, lorsqu’il renseigne son profil,

renseigner les différentes formes auteurs connues pour ses publications afin de s’assurer que la

totalité de sa production est bien récupérée. S’il connaît son identifiant HAL, il peut également le

renseigner ce qui garantit l’exhaustivité des données récupérées.

Exemple de formes auteurs multiples sur HAL AMU

Identifiants multiples sur la fiche profil du membre Champ identifiant HAL

GÉRER LE CONTENU

Ajout, modification et suppression de

pages sont les trois opérations de base

de la gestion de contenus

47

48

Contenu > Ajouter du contenu >

Sélectionner le type de contenu

approprié

Renseigner tous les champs disponibles

pour le type de contenu choisi

Renseigner les différents paramètres liés

à votre contenu

• Paramètres du menu

• Paramètres des chemins d’URL

• Publié/non publié

AJOUTER DU CONTENU

49

Cocher fournir un lien de

menu

Choisir le titre du lien de

menu. En général

identique au titre de la

page

Choisir le parent pour

définir à quel niveau

d’arborescence se

situera votre page

AJOUTER DU CONTENU > PARAM. DU MENU

50

Par défaut « Générer automatiquement l’alias d’URL » est coché. L’alias se génère automatiquement

selon le titre de la page et de sa place dans l’arborescence. Ici, la page présentation prend l’alias

laboratoire/presentation car elle appartient à la rubrique Laboratoire et son titre est présentation.

Il n’est pas conseillé de modifier les alias

AJOUTER DU CONTENU > PARAM . DES CHEMINS D’URL

51

Par défaut « Publié » est coché.

Décocher Publier pour passer le

statut de la page en Non publié

Ne rien toucher aux

autres options

AJOUTER DU CONTENU > PUBLIÉ/NON PUBLIÉ

EDITER DU CONTENU

52

Possibilité de filtrer par type de contenu

Lien « Edit » en face de chaque contenu

Via l’onglet Modifier de la page Via le lien Contenu de la barre

d’administration

SUPPRIMER DU CONTENU

53

Possibilité de supprimer plusieurs contenus

en même temps en cochant les différents

contenus puis tout en bas de la page,

menu déroulant Bulk operations

Un par un Par lot

Via la vue d’ensemble des contenus dans

l’onglet Contenu de la barre d’administration

Via la vue d’ensemble des contenus dans l’onglet

Contenu de la barre d’administration

Possibilité de filtrer par type de contenu

Puis Actions > Supprimer

DÉPUBLIER DU CONTENU

Via la vue d’ensemble des contenus dans l’onglet Contenu de la barre d’administration

54

La visibilité du contenu dépublié

Le contenu dépublié reste accessible depuis la

vue d’ensemble des contenus mais il devient

invisible pour les utilisateurs. Il n’apparaît plus

non plus dans le(s) menu(s) au(x)quel il était

rattaché.

Sélectionner tous les contenus à dépublier > Liste déroulante Bulk operations > Unpublish >

Appliquer

LA NAVIGATION

La navigation regroupe tous les éléments

qui permettent de circuler d’une page à

l’autre dans le site.

55

56

LE MENU PRINCIPAL

Votre site est structuré autour du menu principal. Vous ne pouvez pas ajouter de nouvelle rubrique

dans le menu principal mais vous pouvez ajouter des sous-rubriques dans la rubrique Laboratoire.

Le menu est déroulant : les niveaux secondaires apparaissent au passage de la souris

Accessibilité

Les menus déroulants sont plus difficilement accessibles pour les personnes

malvoyantes, ayant des problèmes de mobilité, des déficits cognitifs ou

intellectuels…

Il est donc conseillé de ne pas utiliser plus d’un niveau de sous-menu

Créer ou éditer une page.

Dans la zone Paramètres du menu > Cocher "Fournir un lien de menu"

RATTACHER UNE PAGE A LA RUBRIQUE LABORATOIRE

Sélectionner « laboratoire » comme élément parent

57

POSITIONNER UNE PAGE DANS LE MENU LABORATOIRE

Roue dentée > Lister les liens

Déplacer les éléments en

cliquer-déposer pour en

modifier l’ordre

Enregistrer

58

59

RATTACHER UNE PAGE AU MENU INTRANET

Ce menu accessible depuis la page Intranet (pied de page > Intranet). Il ne propose qu’un seul

lien par défaut vers les archives des Séminaires (page alimentée automatiquement avec les

séminaires passés).

Il peut être alimenté avec des pages private content pour créer un véritable espace intranet.

Créer ou éditer une page.

Dans la zone Paramètres du

menu > Cocher "Fournir un lien

de menu"

Sélectionner « menu intranet » comme élément parent

60

AJOUTER UN LIEN DANS LES MENUS DE LA PAGE D’ACCUEIL

Les zones Equipes de recherche et Vie du laboratoire s’apparentent à des menus puisque ce sont

des listes de liens thématiques. Techniquement, ce sont de simples blocs qui listent des liens.

Configurer le bloc

Ajouter un nouvel item dans la

liste à puces

Placer un lien sur le nouvel item

LES BLOCS

61

PRINCIPES DE BASE

62

Vous pouvez ajouter autant de blocs que vous le souhaitez dans votre site. Différentes

régions sont disponibles pour les blocs. Un même bloc peut être positionné sur plusieurs

pages mais pas dans plusieurs régions.

Un bloc permet de présenter du contenu indépendant dans une page.

Il prend une apparence différente du contenu inséré dans le corps de la page.

La proportion des blocs s’adapte selon le nombre de blocs dans une même région. Ce fonctionnement

permet un affichage optimisé pour les display mobile. Le nombre de blocs côte à côte est limité à 4.

4 x 25%

2 x 50%

3 x 33%

1 x 100%

BLOCS – RÉGIONS FIRST ET SECOND TOP CONTENT

Région first top content : permet de positionner jusqu’à 4 blocs côte à côte en entête de

la page, au dessus du contenu principal.

Région second top content : permet de positionner jusqu’à 4 blocs côte à côte en

entête de la page, au dessus du contenu principal

63

BLOCS – RÉGION MIS EN ÉVIDENCE

Région Mis en évidence : permet de positionner jusqu’à 4 blocs côte à côte

en entête de la page.

64

BLOCS – RÉGION CONTENU

Région Contenu: permet de positionner jusqu’à 4 blocs côte à côte dans le contenu de la page. Les

blocs se positionnent à gauche du contenu principal. Si 4 blocs sont positionnés dans la même

région, le contenu principal est renvoyé en dessous.

64

2 blocs dans la région contenu

2 x 25% + contenu 50%

4 blocs dans la région contenu

4 x 25% + contenu 100% en dessous

BLOCS – RÉGIONS PIED DE PAGE ET COPYRIGHT

Région Pied de page:

permet de positionner

jusqu’à 4 blocs côte à côte

dans la zone de pied de

page

Région Copyright : permet

de positionner jusqu’à 4

blocs côte à côte dans la

zone inférieure du pied de

page

Région Pied de page et Copyright: les blocs se positionnent à gauche des autres blocs

65

AJOUTER UN BLOC

Structure > Blocs > Ajouter un bloc

Choisir les paramètres de région

First top content

Second top content

Mis en évidence

Contenu

Pied de page

Copyright

Choisir les paramètres de visibilité : lister

les alias des pages sur lesquelles le bloc

doit être positionné, <front> étant la

page d’accueil

66

SUPPRIMER OU DESACTIVER UN BLOC

Supprimer Désactiver

67

Structure > Blocs

Supprimer

Structure > Blocs

Choisir Aucun dans les

paramètres de région du

bloc à désactiver

Enregistrer les blocs

LA GESTION DES FICHIERS

69

LA GESTION DES FICHIERS (1/3)

70

Uploader un fichier

Dans la zone Fichiers liés à la page, uploader

le ou les fichiers et enregistrer

Remplacer un fichier

Pour remplacer un fichier, dans la zone Fichiers liés à la page cliquer

sur Retirer, Enregistrer puis seulement après re-uploader le fichier. Il

est possible que le cache du navigateur conserve la première

image. Dans ce cas, faire ctrl+F5

Supprimer un fichier

Dans la zone Fichiers liés à la page Cliquer sur

Retirer puis Enregistrer

Comment transférer/supprimer des fichiers (document ou image) dans une page ?

LA GESTION DES FICHIERS (2/3)

71

Copier l’adresse du fichier

Clic droit sur le nom du fichier

Faire un lien vers le fichier

Sélectionner du texte ou une image

dans le contenu puis cliquer sur

l’icone de lien puis coller l’adresse

(Ctrl + V) au niveau du champ URL

Enregistrer

Comment faire un lien vers un fichier ?

LA GESTION DES IMAGES

72

LES SOURCES

• La banque d’images Shutterstock : cette banque d'images propose des millions de

photographies, vecteurs et illustrations librement exploitables. Pour en bénéficier, vous devez donc

en faire la demande par ticket

• Les images produites en interne dans le respect du droit à l’image des personnes identifiables sur

les photographies.

73

INSERTION D’UNE IMAGE DANS UNE PAGE

74

Zone fichiers liés à la page > Images

Uploader le ou les fichiers dans la page et enregistrer

Copier l’adresse de l’image par clic droit sur

le nom du fichier > Copier l’adresse du lien

Cliquer sur l’icone d’insertion d’une image

puis coller l’adresse (Ctrl + V) au niveau du

champ URL

Upload d’un fichier

Icône d’insertion d’une image

Copier l’adresse du lienInsertion de l’image

LA GESTION DES VIDEOS

Toutes les pages public content ou private

content peuvent recevoir une ou plusieurs vidéos

provenant d’un hébergeur extérieur (Vimeo,

Youtube, Dailymotion…)

75

INSERTION D’UNE VIDÉO DANS UNE PAGE

YouTube

Sur la vidéo Youtube faire partager puis

intégrer > copier la totalité du code

<iframe>

Dans votre page web, cliquer sur l’icone de

la vidéo et coller le code <iframe> dans le

champ Embed Media

Vimeo

Sur la vidéo Vimeo faire partager puis copier

la totalité du code <iframe>

Dans votre page web, cliquer sur l’icone de

la vidéo et coller le code <iframe> dans le

champ Embed Media

76

LES FORMULAIRES

77

Les formulaires – ou webform – permettent de

collecter des données auprès des utilisateurs. Ces

données sont ensuite exploitables et exportables

au format excel

TYPE DE CHAMP EXEMPLE

• Les champs texte (texte court ou zone de

texte)

• Champ courriel

• Les listes de sélection

• Les fichiers joints

• Le champ Date

LES PRINCIPAUX TYPES DE CHAMPS

Un formulaire est un espace de saisie dans l'interface utilisateur permettant de recueillir des

données. Il est constitué de zones de différentes natures appelées "champs"

78

ou

CONSULTATION ET EXPORT DES DONNÉES

79

Consulter les résultats en ligne via Soumissions/Analyse/Tableau

Ou télécharger au format Excel

Contenu > Webforms

LE MULTILINGUISME

80

PRINCIPES GÉNÉRAUX

• La traduction est prévue pour :

- Certains types de contenu :

• Articles

• Équipes de recherche

• Public content

• Séminaires

- les blocs

• La structure globale du site existe en français et en anglais (menus, pages équipes,

publications…)

• La suppression d’un contenu ou d’un fichier joint dans une langue ne le supprime pas dans

l’autre langue

81

CRÉER UNE PAGE À TRADUIRE

82

Choisir la langue

Enregistrer

Créer ou éditer un contenu

Par défaut, à la création, le paramétrage de la langue des pages est « Indépendant de la langue ».

Pour pouvoir traduire une page il faut lui assigner une langue d’origine puis la traduire.

TRADUIRE UNE PAGE (2/2)

Choix du menu : si la page en

français est dans le menu

principal, on attachera a priori

sa traduction au menu

principal EN

Ajouter une traduction

Onglet traduire sur la page

en français

Enregistrer

84

Créer un bloc ou éditer un bloc existant

Dans les Paramètres de la région précisez la

région dans laquelle vous voulez afficher le

bloc

Enregistrez

TRADUIRE UN BLOC (1/2)

Dans les Paramètres d’affichage listez les

pages sur lesquelles doit être affiché le bloc.

Pensez à lister les pages dans les 2 langues.

Dans les Paramètres de langues cochez

toutes les cases

85

Suivre le lien traduire en haut à droite du

bloc à traduire

Traduire

Enregistrer la traduction

TRADUIRE UN BLOC (2/2)

LE RESPONSIVE

86

Dans un site dit responsive, la page html et la feuille de styles CSS intègrent directement les technologies permettant au site de s’adapter aux supports mobiles. Le thème utilisé sur nos sites web est aujourd’hui entièrement responsive

87

PAGE D’ACCUEIL

Desktop

Mobile

88

PAGES INTERNES ET BLOCS

Desktop

Tablette

Mobile