Vous êtes sur la page 1sur 17

Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

CHARTE ÉDITORIALE DE JAM


Cette charte doit avoir été lue par tout étudiante de l’AJM amené.e à publier des contenus du
JAM. La lecture vaut acceptation de l’ensemble de cette charte et engage l’étudiant.e.

URL du backoffice : http://jam.unine.ch/admin


Les supports du cours Publication, édition et valorisation numérique constituent un complément
indispensable à cette charte.

I. GENERALITES
1. Objectifs de JAM
Publier et valoriser les réalisations des étudiant.e.s pendant leur cursus à l’AJM.
Accueillir les couvertures live d’événements (Festival international du journalisme de Perugia,
événements organisés par l’AJM, etc.)

2. Accès au backoffice
Chaque étudiant.e dispose d’un compte permettant l'accès au backoffice. Le nom d’utilisateur est
constitué du nom de famille accolé à l’initiale du prénom (sans accent).
Lors de votre première connexion au backoffice, pensez à mettre à jour votre profil :

- Affichage du nom visible sur les articles (avec prénom et nom) dans les Réglages du compte
utilisateur

- Ajout de votre photo

3. Principe de publication
Les articles publiés sur JAM doivent être préalablement relus et validés par l’équipe encadrante qui se
charge de la mise en ligne.
Peuvent être publiées sur JAM :

- Toutes les réalisations effectuées dans le cadre des cours et ateliers de l’AJM, sous réserve de
l’accord de l’intervenant.e.

- Sur la page individuelle de chaque étudiant.e doivent être mis en liens tous les articles publiés
pendant les stages du cursus AJM et éventuellement ceux réalisés à titre personnel dans
d’autres cadres (ils doivent donc être hébergés ailleurs) ou d’images/PDF pour les articles
print et doivent correspondre aux exigences légales et déontologiques s’appliquant pour JAM.
Chaque étudiant.e est responsable de sa page individuelle et de sa mise à jour régulière.

4. Processus de publication
1. L’étudiant.e rédige son article, le met en forme, ajoute les illustrations, les liens, les tags, etc.
Lorsque l’article est en cours de création / édition, il doit être placé en mode « brouillon » ;

Octobre 2022 (v7) Page 1


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

2. La prévisualisation de l’article doit impérativement être faite par l’auteur.e afin de s’assurer de
la mise en forme de l’article, de l’affichage des illustrations et contenus externes, du
fonctionnement des liens, etc. ;
3. Une fois l’article finalisé, il est placé en « attente de relecture » et un message est envoyé à
l’équipe encadrante sur le channel Slack dédié ;
4. Après relecture, l’équipe encadrante procède à la mise en ligne (ou demande des corrections
préalables) ;
5. L’étudiant.e doit ensuite promouvoir son article sur les réseaux sociaux et mettre à jour sa
page personnelle.

5. Principes généraux et déontologie


Le site JAM est public et engage l’image et la responsabilité de l’AJM ainsi que de l’université de
Neuchâtel. Aussi, vous devez toujours vous assurer que :
a. vos articles s’inscrivent dans la ligne éditoriale de JAM ;
b. vous ne mettez en ligne que des informations fiables et vérifiées ;
c. vos articles sont conformes à la législation en vigueur en matière de droits d’auteurs, de sécurité de
l’information, de respect de la vie privée, de liberté d’expression ;
d. vous avez tous les droits sur les contenus (images incluses) et les autorisations des personnes
filmées, enregistrées en audio ou photographiées.
e. votre contribution est dûment signée (voir point 9 « Auteur.e » pour les détails).

6. L’équipe encadrante
Le site JAM est présenté lors du cours Publication, édition et valorisation numérique qui vous
permettra d’acquérir les compétences nécessaires à la publication sur JAM.
La publication sur JAM se fait sous la responsabilité de la prof. de journalisme numérique, Nathalie
Pignard-Cheynel. Sont également associés à l’équipe encadrante Julien Perrot, assistant doctorant,
ainsi que Pierre-André Léchot, collaborateur scientifique.

II. LA RÉDACTION D’UN ARTICLE : ÉLÉMENTS CLÉS


1. Présentation des articles
Les articles doivent être rédigés comme des articles d’un site d’information (et non comme des liens
vers des contenus réalisés dans un cadre pédagogique). Ainsi, une vidéo ne peut être mise en ligne de
manière brute dans un article avec pour seule indication « Réalisée dans le cadre de l’atelier vidéo ».
La vidéo doit être accompagnée d’un texte, lui-même précédé d’un chapô, etc. comme elle le serait sur
un site d’information. Le contexte de production de l’article sera explicité en fin de page, grâce à un
bloc de texte standard à sélectionner parmi une liste (voir “Note contextuelle” plus bas).

2. Auteur.e
Par défaut, le nom de l’auteur.e est celui de l’utilisateur du compte. Il est indiqué dans le champ
« auteur » dédié. Toutefois, il est recommandé d’ajouter en fin d’article, en style titre 5 « Par Prénom
Nom ». C’est en tout cas indispensable en cas d’auteur.e.s multiples ; dans ce cas, il faut choisir

Octobre 2022 (v7) Page 2


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

comme auteur « Collectif » et préciser manuellement en toute fin de l’article la mention du ou des
auteur.e.s, en style titre 5.

3. Date
Par défaut, la date est celle de la publication de l’article. Elle s’actualisera donc automatiquement au
moment où l’article sera mis en ligne. Il est possible de la modifier à la main, mais à ne faire que dans
des cas spécifiques qui doivent être discutés et validés avec l’équipe encadrante.

4. Titraille
La titraille comprend le titre de l’article et le chapô. Le template actuel de JAM ne gère pas
d’éventuels sur ou sous-titres.
Le titre peut être informatif ou incitatif selon le sujet, l’angle, le ton de l’article. Il doit en revanche
être très complémentaire du chapô. Avec un titre incitatif (jeux de mots, sous-entendus, etc.), on
privilégiera un chapô informatif (5W), et inversement.
Le chapô doit être formaté en titre 4.
Dans la nouvelle interface de JAM, il n’est pas toujours facile de trouver comment modifier les styles
de titre. Pour mettre vos chapo et intertitres dans le bon style (respectivement H4 et H3), il faut choisir
“Titre” plutôt que “Paragraphe” lorsque vous sélectionnez votre texte :

Puis H3 et H4 (ou H5 pour l’auteur à la fin)

Octobre 2022 (v7) Page 3


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

5. Rédiger un extrait
Le thème actuel affiche sur la page d’accueil du site, en accompagnement de la photo de l’article, un
court texte, l’extrait. Par défaut, le CMS prend les premiers caractères de l’article (donc son chapo).
Afin de bien maîtriser ce texte et d’éviter qu’il soit trop long, il convient de rédiger un texte
spécifique, le plus court possible et en tout cas n’excédant pas les 200 caractères , en le plaçant dans
le champ « extrait » sous l’article créé dans le backoffice. Si ce champ n’apparaît pas, voir la rubrique
« Accès au backoffice ».

6. Choix de la catégorie, des tags et de la note contextuelle


Choix de la catégorie 
Chaque article doit être associé à trois catégories :
- celle du format « écrit, numérique, son, vidéo » (correspondant à l’atelier dans lequel
l’article a été réalisé). Ne choisissez vidéo et son que si vous avez bien dans votre article un
contenu de ce format et de préférence s’il a été réalisé durant les ateliers audio/vidéo, radio
ou TV. Pour la presse écrite, vous avez deux options de mise en forme : soit une mise en
forme de presse écrite (colonnes, intertitre, encadrés, exergue, etc.) avec sauvegarde de
votre article en PDF (qui sera inséré dans l’article), soit l’édition de votre papier pour le web
en tenant compte des préconisations d’optimisation des contenus pour les supports
numériques.
- celle du sujet («rubrique »). Si aucune catégorie ne convient, suggérer une nouvelle
catégorie sur Slack qui pourra être ajoutée si pertinente pour l’ensemble du site.
- celle de la volée qui est la vôtre.
Tags
Les tags permettent une entrée thématique sur les contenus. Le choix des tags est complètement
libre. Toutefois, il conviendra de :
- privilégier des tags déjà existants (éviter les synonymes) qui sont proposés
automatiquement ; ceci afin d'en limiter le nombre ;
- bien vérifier l’orthographe (par exemple, ne pas dupliquer un mot au singulier et un au
pluriel)
- éviter les tags qui seraient redondants avec la ligne éditoriale du site ou avec la catégorie ;
- choisir des tags permettant de définir spécifiquement l’article ;
- ne pas mettre de majuscule aux tags, sauf cas des noms propres.
Note contextuelle

Le contexte de production de l’article (le fait que qu’il a été réalisé dans le cadre de tel ou tel cours
ou atelier) n’est pas un élément pertinent d’un point de vue purement journalistique ou
informationnel. S’il convient de le noter, il s’agit d’une information annexe, qui peut par exemple
renseigner sur le genre de contenu produit durant le master. Dans le but d’assurer une certaine
uniformité des notes contextuelles, celles-ci doivent être ajoutées comme derniers éléments de la
page en les sélectionnant parmi une liste de textes prédéfinis.

1. Se rendre dans la section « Text Blocks » dans le Back Office


2. Sélectionner le texte qui correspond au cours concerné et copier le Shortcode
3. Coller le Shortcode à la fin de l’article

Octobre 2022 (v7) Page 4


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

7. Structuration des articles


Pour favoriser la lecture de vos articles, il est indispensable de :
- Organiser le contenu en paragraphes avec des intertitres. Les intertitres doivent être formatés en
style titre 3.
- Bien aérer le texte
- Créer des mises en forme et du relief : listes à puces, mise en gras ou encore style « bloc citation »
pour les citations longues.
- Le texte est par défaut aligné à gauche. Il peut éventuellement être aligné au centre voire à droite (sur
un paragraphe par exemple pour un effet particulier) mais jamais en justifié.

8. Style (récapitulatif)
Titre 3 : intertitre.
Titre 4 : chapô.
Titre 5 : prénom et nom de l’auteur.e (si différent du nom proposé automatiquement par le CMS, en
cas d’auteur.es multiples par exemple) est à la fin de l’article sur la forme Prénom Nom.
Dans le cas d’une interview, les questions sont mises en gras et les réponses sont en style normal.

9. Illustrations
Photos
Vérifier leur résolution et leur poids et, si nécessaire (dans tous les cas pour des photos prises à
l’appareil photo), redimensionnez-les :
- à 72 dpi (pas plus de 96 dpi) et max 1200 pixels de large
- possibilité d’utiliser un logiciel en ligne comme pixlr pour le redimensionnement
- pour info, la plupart des images ne doivent pas dépasser 300Ko
Vérifier les droits d’utilisation et créditer (privilégier les licences Creative Commons).
Pour les photos, favoriser les formats jpeg. Pour les logos, graphiques, etc., le format PNG offre un
meilleur rendu.
Chacun est responsable des photos qu’il met dans le backoffice, ce qui signifie :
� supprimer toutes les photos non utilisées.
� renommer les photos pour que le nom de fichier fasse sens.

Octobre 2022 (v7) Page 5


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

Pour l’image en avant sur la page d’accueil (voir ci-dessous), le ratio est de 2 de largeur pour 1 de
hauteur. Prévoyez une taille de photo de minimum 1000 pixels de large. Toute photo dont la hauteur
dépasse 400 pixels risque de placer le titre de l’article sous la ligne de flottaison.
- les rapports largeurs/hauteur (en pixels) suivants sont donc à privilégier

Largeur Hauteur
1200 450
1000 400
800 400

Pour la photo de pages d’accueil : bien penser à son format particulier dès la prise des photos (2
formats : Une et vignettes).

Image en avant
Choisir une image qui sera mise en avant sur la page d’accueil et dans les pages de rubriques, sous
forme de vignettes. Attention, le format est particulier.
Pour vous faciliter la tâche, une extension accessible par lien depuis « Image en avant », Post
Thumbnail Editor, permet de redimensionner automatiquement votre photo. Il faut cocher
« thumbnail-medium » (480 x 384) puis tracer un cadre (automatiquement à la bonne taille) sur la
photo :

Le mieux est de redimensionner sur une partie de la photo qui fasse sens.
Il est indispensable de faire ce redimensionnement sans quoi les vignettes des articles sur la page
d’accueil ne seront plus alignées.

Nombre et type de photos/illustrations


- Mettre systématiquement une photo pour tout article (au moins l’image à la Une). Pour les articles
longs, insérer de préférence minimum deux illustrations.
- Créer vos propres photos (ou dessins) ou choisir des photos libres de droit (licence Creative
Commons). Il existe plusieurs modèles de contrat et il faut bien vérifier les conditions
d’utilisation/réutilisation des photos (pour JAM, l’utilisation à des fins non commerciales convient).

Octobre 2022 (v7) Page 6


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

- Trouver des photos originales et surtout éviter les photos de pure illustration.
- Les copies d'écran doivent avoir un intérêt direct dans l'illustration du texte; sinon, à éviter en raison
de leur mauvais rendu. Il est généralement préférable de "rogner" les images des captures d'écran afin
de ne garder que l'essentiel de l'image.
- Éviter d'utiliser des logos en illustration.
- Privilégier des photos "simples" (pas trop denses)

La légende et les crédits


- Pour les photos, mettre une légende (attention pas trop longue, surtout si la photo est petite) et, dans
l'espace légende, y indiquer également les crédits (même pour les photos libres de droit). Attention : la
photo de Une ne peut pas être légendée ni créditée. Ces informations doivent donc être ajoutées en fin
d’article.
- Pour les captures d'écran, indiquer le nom du site ainsi que la date de la capture d'écran.
- A noter qu’il est possible de mettre un lien sur une photo.
- Remplir le « texte alternatif » (balise alt) pour le référencement

Placement dans l'article


- Dans les paragraphes, aligner les photos à gauche ou à droite ou encore au centre (seulement pour
les formats paysage). Lorsqu'une photo est placée dans un paragraphe avec un intertitre, l'aligner à
droite (si la photo est placée à gauche, l'intertitre n'est pas aligné avec le texte qui suit mais avec la
photo).
- Il peut être plus esthétique d’entourer une photo de texte (notamment pour un format portrait).
Dans ce cas, il convient de veiller à avoir suffisamment de texte « autour » de la photo. Et de
privilégier l’alignement à droite de la photo lorsque le texte entourant la photo est court (pour éviter
les retours à la ligne décalés par rapport à la photo).
- Placer les photos et vidéos de manière harmonieuse dans l'article (éviter de les mettre toutes au
début ou toutes à la fin).

Montage photo
Dans certains cas, il peut être intéressant de faire un petit montage photo (par exemple une photo et
une citation qui formeront une seule image à insérer dans l’article). Des logiciels en ligne comme
fotor, pixlr ou picmonkey permettent de le faire très rapidement.

10. Les contenus « embeded » en général


Permet d’intégrer dans l’article des vidéos, mais aussi des sons, des tweets, des statuts publics
Facebook, des PDF, des images interactives, des cartes et timelines, etc.
Pour ce faire récupérer le code html (généralement sous forme de iframe) et l’intégrer dans le code
html de l’article dans Wordpress, à l’endroit précis où vous souhaitez faire apparaître l’élément.
Pour les principales plateformes d’hébergement de contenus (YouTube, Slideshare ou Issuu, etc.), il
convient de déposer les contenus sur le compte AJM (identifiants des comptes en fin de document),
éventuellement dans la playlist idoine (ex. « Reportages d’étudiants » sur la chaîne YouTube de
l’AJM). Si cela est possible, vous déposez les contenus en mode « privé » ou « non répertorié » afin
d’éviter toute diffusion avant la validation de l’article. L’enseignant.e qui relira, validera et publiera
votre article se chargera de basculer le son ou la vidéo en mode « public ».
Bien penser à :

Octobre 2022 (v7) Page 7


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

- redimensionner si besoin l’élément iframe (dans le code, on peut modifier la largeur et


longueur, à toujours manier de manière proportionnelle pour éviter les déformations – il faut
juste faire une règle de 3 !)

Pour aligner un tweet « embedé », remplacer <blockquote class = "twitter-tweet"> par <blockquote
class = "twitter-tweet tw-align-center">

11. Vidéos YouTube


Mise en ligne sur le compte AJM
Le compte YouTube de l’AJM correspond à l’URL suivant:
https://www.youtube.com/channel/UCKdhy8HqzJ1__h8JDhdmxqQ
Chaque étudiant.e est ajouté au compte Google institutionnel en tant que Manager (droits d’édition
limités). Avant d’uploader une vidéo, s’assurer que le compte actif est bien celui de l’AJM. L’ajout
d’une vidéo se fait via la petite icône en haut de page.

Octobre 2022 (v7) Page 8


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

Les vidéos doivent être ajoutés en mode “Non-répertoriée”. Pensez à ajouter votre vidéo dans la
playlist « Reportages d’étudiants » lors de la mise en ligne.

Si la vidéo tient seule (se comprend sans l’aide de l’article dans lequel elle est incluse), son statut
passera à “Public” après validation finale, lors de la publication du sujet. Les mêmes mots-clés ne
sont utilisés que pour les sujets publiés sur JAM.

Attention à bien choisir parmi les miniatures proposées une image qui illustre bien la vidéo. Une
photo peut également être téléchargée. Dans paramètres avancés, s’assurer que la case “autoriser
l’intégration” est cochée. En principe la catégorie sélectionnée sera “Actualités et politique”.
Sélectionner également la langue appropriée ainsi que la date d’enregistrement.

Note sur l’export des fichiers vidéo

YouTube accepte une large variété de formats de vidéos, de fréquences d’images, de formats
audio etc. La plupart des logiciels vidéos exportent donc dans un format accepté par YouTube et il
n’est pas nécessaire ou possible de les modifier. Cependant, en cas de doute (ou d’options
multiples), choisir les formats suivants:

Format d’image:

● Vidéo horizontale: Format d’image 1920x1080 pixels


● Vidéos “mobiles”
○ Vidéo verticale: Format d’image 720x1280
○ Vidéo carrée: Format d’image 1080x108
○ Attention, si ces formats sont enregistrés dans un format paysage avec des bandes

Octobre 2022 (v7) Page 9


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

noires, il ne sera pas possible d’afficher la vidéo en mode vertical ou carré


● Format de fichier: .mp4
● Pistes audio: stéréo
● Débit audio (audio bitrate): 48 khz
● Codec vidéo: H264
● Frame rate (images par seconde): maintenir le réglage original (il s’agira en général de 24-
26 images par seconde)
● Pour tout autre réglage, confirmer l’option proposée par défaut

Intégration dans la page de l’article

Les vidéos YouTube sont intégrées dans les pages d’articles de JAM avec le code embed (voir ci-
dessus). Par défaut ce code va afficher la vidéo en pleine largeur, ce qui peut être souhaitable s’il
s’agit d’une production dont l’élément central est une vidéo.

Veillez à cocher la case “Activer le mode de confidentialité avancé”.

Si vous souhaitez inclure la vidéo dans un récit plus long, il est souvent souhaitable de lui attribuer
une largeur maximale, évitant pour une consultation sur écran d’ordinateur, une taille trop
imposante. Dans ce cas, il est recommandé de placer le code embed dans l’une des boîtes <div>
suivantes, en définissant dans la balise div la largeur maximale autorisée de la boîte (la hauteur
maximale sera calculée automatiquement) et de la centrer à l’aide de la propriété “margin:auto”.

Vidéo horizontale:

<div style="max-width:720px;margin:auto;"> <iframe


src="https://www.youtube.com/embed/JCYc1A-iSH4" frameborder="0"
allowfullscreen="allowfullscreen"></iframe></div>

Pour une vidéo verticale :

<div style="display: block; width: 350px; margin: auto;"><iframe title="YouTube video player"
src="https://www.youtube.com/embed/mIy3OcORwyw" width="250"
height="600"></iframe></div>

Pour une video carrée :

<div style="max-width: 500px; margin: auto;"><iframe


src="https://www.youtube.com/embed/qKx5AKIehNM" allowfullscreen="allowfullscreen"
width="300" height="300" frameborder="0"></iframe></div>

En rouge, des dimensions suggérées

12. Les contenus et fichiers audio


Il existe deux manières d’intégrer du contenu audio dans un article JAM. La première est d’héberger
le contenu sur le serveur de JAM et de l’intégrer via le module par défaut de Wordpress.

La mise en ligne d’un article “audio” est la même que pour un article standard, à laquelle s’ajoutent
deux étapes

Octobre 2022 (v7) Page 10


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

1. Depuis le backoffice, déposer le fichier audio dans la bibliothèque média

2. Sous le chapo, et un éventuel court texte d’introduction, cliquer sur “Ajouter un média” et
sélectionner le fichier voulu

Une deuxième méthode – à privilégier – est de passer par l’outil externe « Headliner ». Sur le site
https://headliner.app vous pouvez transformer vos contenus audio en vidéo. Vous pouvez ensuite les
héberger sur le Youtube de l’AJM et les intégrer directement dans vos articles.

Note sur l’export des fichiers audio

Lorsque possible, les contenus audio doivent être exportés avec les paramètres suivants:

● Format de fichier: .mp3


● Pistes audio: stéréo
● Echantillonnage: 96kbps (éventuellement 64 kbps)

Les réglages suivants permettent l’hébergement sur le serveur de JAM de sujets et reportages
n’excédant pas 16 minutes (suffisant pour toutes les productions à l’exception de certains
mémoires pratiques). Si le fichier dépasse 12 Mo, exporter en 64 kbps (jusqu’à 25 minutes pour 12
Mo).

Octobre 2022 (v7) Page 11


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

13. Les PDF


Pour les PDF, il existe deux possibilités d’intégration : via une extension « pdf embedder » ou via une
méthode ad-hoc, qui nécessite l’insertion de deux lignes de code. L’avantage de la première solution
est que le document s’affiche directement dans la page (idéal par exemple pour un article qui référence
comme source un document. L’inconvénient est qu’elle dépend de la stabilité et la pérennité d’un
service tiers, et d’une compatibilité pas toujours garantie avec les modules du site. Par exemple, pour
un affichage, via des blocs de page builder des productions de stage dans les pages personnelles, cette
méthode ne convient pas. L’avantage de la méthode code/ad-hoc est sa grande stabilité. Son seul réel
inconvénient est la nécessité de cliquer sur un lien (texte ou de préférence image) pour l’ouvrir.
Méthode « pdf embedder »
1. Uploader le pdf dans les « médias » (comme une photo).
2. Insérer de la même manière qu’on ferait pour une image.
3. Cela crée automatiquement un « pdf embedder ».
4. Attention: la taille maximale d’un fichier sur le serveur de JAM est de 12Mo (en principe cela
devrait largement suffire pour la majorité des pdf que vous voudriez mettre en ligne)

Méthode ad-hoc

Cette méthode très simple consiste à placer une image dans la page/l’article
1. Déposer le pdf dans la bibliothèque médias

2. Ouvrir, toujours dans la bibliothèque, le pdf -- ceci devrait automatiquement créer une image
"thumbnail"/miniature de la première page du pdf

Octobre 2022 (v7) Page 12


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

3. Pour la page personnelle (avec page builder) créer ou sélectionner le bloc (de type texte libre
ou html) souhaité (un bloc ayant au moins 66.6% de la largeur totale est recommandé). Pour
un article, choisir l’affichage en mode texte (html)

Placer manuellement le code générique suivant dans le champ texte


<a href="[URL_pdf--voir image 2]"><img src="[URL_miniature]" width="49%"></a>
4. Chercher et remplacer en collant les URL du pdf et de l'image (surligné en jaune), définir la
largeur souhaitée de l’image cliquable (taille relative ou absolue)

Octobre 2022 (v7) Page 13


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

5. Vérifier l’affichage dans la page, ajuster si nécessaire


6. Enregistrer, valider

14. Les liens


Pour chaque lien, indiquer un titre (important pour le référencement).
Les liens internes (vers des contenus du site) s’ouvrent dans la même page. En revanche, pour les liens
externes, cocher « ouvrir dans un nouvel onglet ».
Pour les liens internes, ne pas mettre l’URL de l’article sur JAM, mais chercher l’article dans la
fenêtre qui le permet (en cliquant au préalable sur la roulette) :

Pour les liens externes, ne jamais écrire le lien à la main (risque d’erreur) mais faire un copier-coller
de l’URL.
Bien choisir les supports de liens (4-5 mots) qui seront par conséquent mis en évidence dans le texte.
Ne jamais faire un lien du type : http://www.unine.ch ou un lien du type « lire notre article ici ».

Octobre 2022 (v7) Page 14


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

III. PAGE PERSONNELLE


Chaque étudiant.e de l’AJM dispose d’une page personnelle créée dans le cadre du cours Publication,
édition et valorisation numérique. Le contenu et son actualisation régulière est de la responsabilité de
chaque étudiant.e.
Une base commune pour la mise en forme a été créée. Pour créer une nouvelle page, il est donc
préférable de dupliquer la page « PAGE_PERSONNELLE_MODELE », en la renommant avec votre
prénom nom (bien penser également à changer l’identifiant de la page (dans « Permalien » en dessous
du titre) en indiquant votre prénom et nom (sur la forme prenom-nom), car l’identifiant sert à
construire l’URL de la page).

Ainsi, chaque page aura une URL construite de la manière suivante :


http://jam.unine.ch/index.php/volee-X/prenom-nom
Sur cette base commune de mise en forme, chacun.e a ensuite une latitude pour ajouter des éléments
personnalisés: flux Twitter, galerie Instagram, etc. avec Page Builder.
Veillez toutefois à ce que tout ce qui sera sur cette page doit être en lien avec votre activité à l’AJM et
ne doit pas, par exemple, faire apparaître des contenus produits dans un autre cadre.
On doit notamment nécessairement y trouver :
- Une présentation / portrait / bio
- Une photo portrait récente et de bonne qualité (un « shooting » photo sera prévu afin
d’homogénéiser les portraits=
- Eventuellement les liens vers votre blog, compte Twitter, compte LinkedIn, etc.
- La liste des articles que vous avez publiés sur JAM (possibilité d’utiliser le widget Carrousel)
- Les liens vers les articles publiés lors de vos stages (possibilité de le faire sous forme de flux
depuis votre Twitter avec un hashtag spécifique - #AJMprod)
Les pages personnelles sont construites avec PageBuilder, une extension de Wordpress qui permet de
construire sur mesure une page avec des colonnes, des widgets, etc. Si besoin, consultez ce tutoriel de
Page Builder : https://siteorigin.com/page-builder/documentation.
Un conseil : ne cliquez jamais sur « Revert to Editor » car vous perdrez toute la mise en page réalisée
avec PageBuiler et ne pourrez y revenir (il faudra tout recommencer).

IV. EVÉNEMENTS ET LIVE


Le site JAM a également pour vocation d’accueillir des couvertures d’événements et des lives. Pour
cela, deux options :
- La création d’une rubrique (catégorie) ad hoc qui permet de regrouper les articles concernés et
d’afficher la rubrique depuis le menu principal. Les articles s’afficheront sur la page d’accueil
du site au fur et à mesure de leur publication.
- La création d’une page construite avec PageBuilder qui accueillera les articles (classés dans
une rubrique relative à l’événement ou dans les rubriques classiques du site) mais aussi des
widget tels qu’un flux Twitter, une galerie Instagram ou Flickr, une galerie You Tube, etc.
Cette page créée spécifiquement pour l’événement peut remplacer la page d’accueil du site
(dans réglages choisir « page statique » pour la homepage ») temporairement puis, une fois
l’événement passé, devenir une page du site accessible depuis un lien dans le menu (que l’on
retrouvait par exemple sous un intitulé « Evénements » ou « Live »).

Octobre 2022 (v7) Page 15


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

V. ASTUCES
- Il est généralement plus pratique de saisir les textes "au kilomètre" (càd sans mise en page) dans un
traitement de texte, puis de faire un "copier-coller" dans le backoffice. Mais dans ce cas, il est
préférable de passer par un copier-coller intermédiaire dans un logiciel de "bloc-note" (ou de faire,
dans Word par exemple, un copier - coller sans mise en forme) afin de supprimer toute trace de mise
en forme. Penser par ailleurs à toujours sauvegarder vos articles ailleurs que sur le site.
- Toujours prévisualiser avant la mise en ligne et vérifier notamment :
• les images et illustrations
• les liens (les vérifier un à un)
• la mise en page, la prise en compte de la feuille de style
• la typographie (attention aux espaces coupés en fin de ligne)

VI. RÈGLES TYPOGRAPHIQUES


1. Des chiffres et des lettres
On privilégie sur le web les nombres écrits en chiffres et non en lettres. On évite les espaces dans les
nombres (pour marquer les milliers). On peut éventuellement mettre une apostrophe (ex. 17'000). On
évite les "œ" qu’on remplace par "oe". Les acronymes s’écrivent en majuscule quand ils se prononcent
lettre à lettre (SNCF), en minuscules quand ils forment un mot (Halde).

2. Les signes typographiques


Pour éviter qu’ils chassent à la ligne, supprimer les espaces avant les «?», «!», « ; ». De même dans les
noms d’entreprises ou les acronymes à chiffres, ne pas laisser d’espace avant les chiffres.

3. Les citations
On n’utilise pas les guillemets à la française (« »), mais des " " (car les espaces insécables ne sont pas
gérés par les navigateurs web). Pour des guillemets de 2 e niveau (par exemple pour une citation dans
une citation), utiliser les ' ("Selon moi, il n’y a pas de 'zone de non droit' en France").
Les citations doivent être mises en style normal et pas en italique (pour des questions de lisibilité).
Quand on cite dans une phrase, ne ne met pas de majuscule au début de la citation (Brice Hortefeux
estime qu’il est "temps de passer la zone au Kärcher"); en revanche, quand on cite après ":",
majuscule en début de citation (Brice Hortefeux est d’accord : "Il est temps de passer la zone au
Kärcher").

4. Divers
Quand on cite un lieu, et plus particulièrement une ville, on tâche de lui accoler un canton (pour la
Suisse) ou un pays.

LA CHECKLIST DE LA PUBLICATION SUR JAM

Octobre 2022 (v7) Page 16


Master of Arts en journalisme et communication – AJM - UniNE Nathalie Pignard-Cheynel

1. Une image à la une a été ajoutée et recadrée si nécessaire. Elle est créditée en fin d’article
2. Des tags ont créés, en privilégiant ceux existants et en les séparant par une virgule
3. Les catégories pertinentes ont été cochées (une catégorie "volée", une "format" et une
"sujet"). Une note contextuelle a également été sélectionnée.
4. Le texte est aéré, avec des paragraphes et des intertitres
5. Les styles ont été respectés pour le chapo (titre 4) et les intertitres (titre 3)
6. Le nom de l’auteur a été ajouté en fin d’article sous la forme « Par Prénom Nom », en style
titre 5. Si plusieurs auteurs, "Collectif" a été choisi et les auteurs ajoutés en fin de l’article
selon ce modèle.
7. Un extrait (max 200 caractères) a été ajouté dans le champ en dessous de l'article
8. Des liens ont été ajoutés dans l'article, avec la règle d'une nouvelle fenêtre pour les liens
externes
9. Les droits sur les contenus ont été vérifiés (textes et illustrations)
10. Une relecture et une prévisualisation ont été réalisées

Pour rappel, vous ne devez pas publier vous-mêmes les articles sur JAM, sauf exception. Lorsque
votre article est prêt à être relu, vous devez le basculer « en attente de relecture » et en informer
l’équipe encadrante par Slack.

Octobre 2022 (v7) Page 17

Vous aimerez peut-être aussi