Vous êtes sur la page 1sur 19

Réf.

Page 1 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

G ui d e du Ré da ct eu r

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 2 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

Sommaire
1.SPIP c'est quoi ?........................................................................................................3
Architecture d'un site SPIP.........................................................................................3
2.Connexion à l’espace de rédaction..........................................................................4
Niveaux d'accès..........................................................................................................4
3.Utiliser l'espace de rédaction de SPIP.....................................................................6
Barre de fonctions principales....................................................................................6
Barre de séparation....................................................................................................6
Zone de travail............................................................................................................7
4.Rédiger un article.......................................................................................................8
Écrire son premier article............................................................................................8
Demander la publication d'un article.......................................................................... 9
Modifier un article........................................................................................................9
5.Enrichir et mettre en forme un article....................................................................10
Champs disponibles.................................................................................................10
Utiliser la typographie...............................................................................................10
Ajouter un hyperlien..................................................................................................11
Ajouter une image.....................................................................................................11
Ajouter un logo d'article............................................................................................12
Ajouter un document.................................................................................................13
Trois types d'image...................................................................................................13
Associer des mots-clés ............................................................................................14
Date de l'article.........................................................................................................14
6.rubriques ..................................................................................................................14
7.Recommandations...................................................................................................14
Aide...........................................................................................................................14
Interface simplifiée ou complète...............................................................................15
Outils intranet de l'espace privé................................................................................15
Images .....................................................................................................................15
8.Conseils pour l'écriture en ligne............................................................................16
9.Conseils d'édition sous SPIP.................................................................................17
Les titres...................................................................................................................17
Le chapeau (ou chapô).............................................................................................17
Texte.........................................................................................................................17
Les listes...................................................................................................................18
10.Mémo Raccourcis typographiques......................................................................19
Quelques raccourcis les plus utiles..........................................................................19

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 3 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

Ce guide est destiné aux collaborateurs participant à la vie rédactionnelle du site


www.ag3.fr. C'est un complément au guide de l'administrateur.

1.SPIP C'EST QUOI ?

SPIP, « Système de Publication pour


Internet », est un logiciel de la famille des
CMS (Content Management System ou
Système de Gestion de Contenu). Il permet
de gérer facilement un site internet avec
une ou plusieurs personnes sans dépendre
d'un webmaster pour les mises à jour, sans connaissance technique particulière, ni
outil, à partir d'un simple navigateur Internet, par exemple :
Firefox ou Internet Explorer

SPIP est un logiciel francophone développé sous licence GPL (Licence de Logiciel
Libre) et il est gratuit. Pour le télécharger ou consulter la documentation complète,
aller sur www.spip.net/fr

Architecture d'un site SPIP


Un site SPIP est toujours composé de deux parties :

Espace public :
Il s'agit de la partie accessible à tous les visiteurs.
C'est le site web proprement dit : www.ag3.fr

Espace privé :
Appelé aussi backoffice, il est destiné à la rédaction, la gestion du contenu, et
l'administration du site.
Il est accessible uniquement par les administrateurs et les rédacteurs du site :
www.ag3.fr/ecrire

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 4 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

2.CONNEXION À L’ESPACE DE RÉDACTION

Niveaux d'accès
Trois niveaux de responsabilité sont attribués pour la gestion du site et de son
contenu :

1. les rédacteurs ont un accès à l’espace de rédaction du site pour créer et


éditer leurs textes, les proposer à évaluation, puis à publication sur le site.
Un rédacteur n'a pas les droits pour publier lui-même son contenu. Il ne
peut en aucun cas modifier le site.

2. les administrateurs restreints possèdent des droits étendus sur une ou


plusieurs rubriques : création, édition, suppression de contenus, publication
des contributions, gestion de la (ou des) rubriques dont ils sont responsables.

3. les administrateurs possèdent tous les droits sur le site : création, édition,
suppression de contenus, publication des contributions, gestion des rubriques,
des auteurs, administration et maintenance globale du site.

Pour pouvoir vous connecter au backoffice, l'administrateur du site doit vous


fournir au préalable vos identifiants de login et mot de passe.

Allez sur le site www.ag3.fr, cliquez sur


l'hyperlien « admin » situé en pied de
page. Un formulaire de connexion à
l’espace privé du site vous est proposé.

Entrez votre login et validez.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 5 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

Puis entrez votre mot de passe et


validez.

En activant l'option « Rester identifié


quelques jours », vos identifiants ne
seront pas systématiquement
demandés à chaque connection.

N'utilisez cette option que si vous


êtes seul à accéder à votre
ordinateur.

Après authentification par le système, vous accédez au backoffice du site.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 6 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

3.UTILISER L'ESPACE DE RÉDACTION DE SPIP

Barre de fonctions principales

Cette barre de menus permet d'accéder aux espaces principaux du backoffice.

● A suivre : c'est le point d'entrée par défaut dans le backoffice : vous pouvez
suivre l'actualité du site avec vos articles en cours de rédaction ou déjà publiés,
les articles proposés à publication, et ceux qui ont été modifiés.
● Edition : permet une vue plus précise en distinguant les différentes rubrique à
la racine du site.
● Forum : permet de suivre et participer aux forums internes en cours.
● Auteurs : permet de visualiser les administrateurs du site (icônes vertes) et les
rédacteurs (icônes jaunes) qui ont déjà rédigé au moins un article.
● Aide en ligne : un écran d'aide minimal, mais suffisant pour travailler.
● Visiter : permet de retourner directement sur le site public.

Barre de séparation

La barre de séparation est une barre de menus entre la zone des fonctions et la zone
de travail.

Vous y trouvez une série de raccourcis de fonctions très utiles qui s'activent sur un
clic de souris, et si des fonctions secondaires sont disponibles, elles se déploieront
sur simple passage du curseur de la souris :

● Tout le site donne accès à une une hiérarchie de tout le site, et en fonction
secondaire, vous ouvre un accès direct aux rubriques du site.
● Navigation rapide ouvre une navigation dans l'arborescence du site, et en
fonction secondaire, donne accès à vos articles en cours de rédaction ou les
articles du site proposés à la publication.
● Rechercher est un moteur de recherche dans tous les textes du site.
● Agenda ouvre l'agenda de la semaine en cours, et en fonction secondaire,
vous pouvez ouvrir un jour, une semaine, un mois précis et vérifier vos
messages et penses-bêtes.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 7 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

● Messagerie personnelle ouvre une page qui reprend seulement vos


messages enregistrés dans le calendrier et hors calendrier, vos penses bêtes
et les annonces. En fonction secondaire, des raccourcis permettent de créer
un nouveau pense-bête et un nouveau message.
● Suivre la vie du site présente les outils à disposition pour synchroniser le
calendrier de publication ou bien suivre l'évolution du site depuis un autre
ordinateur.
● Informations personnelles ouvre une page personnelle avec vos
informations : vos articles, une icône vous permet de modifier vos données.
● Interface simplifiée/complète masque ou dévoile les fonctions les moins
utilisées afin de simplifier l'interface pour les débutants.
● permet de choisir entre : les titres sans les icônes, les icônes et les
titres, ou les icônes sans les titres.
● : permet d'agrandir la zone de travail en trois colonnes.
● : permet de personnaliser les couleurs de l'interface selon les goûts
de chacun.
● « français » : menu déroulant qui permet de changer la langue de tout le
backoffice.
● : permet de vous déconnecter de l'espace privé en supprimant le « cookie »
qui mémorise provisoirement votre mot de passe. Nécessaire dans le cas d'un
ordinateur utilisé par plusieurs personnes.

Zone de travail
Le contenu de la zone de travail change selon les fonctions appelées.

Colonne principale : cet espace est celui que vous allez utiliser le plus. Il a trois
fonctions de base :
● La page de rédaction qui permet de modifier un article, une rubrique, une
brève...
● La page de publication qui permet de vérifier la mise en page du travail
● Présentation de données : agenda, synthèses de tous les articles, etc.

Colonne latérale : propose une série de fonctions annexes contextuelles permettant


d'affiner votre travail (ajout de photo ou de document, ajout ou suppression de logo,
raccourcis, etc.). Si vous activez la fonction d'écran large, qui se trouve sur la barre de
séparation, l'encart avec tous les raccourcis autorisés se place sur la droite de votre
espace de travail.

Remarque : Chaque fois qu'il y a un encart blanc vous trouvez sur la gauche du titre
un petit triangle noir. Cliquez sur le triangle pour déplier les différentes options
proposées par la fonction.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 8 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

4.RÉDIGER UN ARTICLE

Écrire son premier article


Vous allez écrire votre premier article. Il faut d'abord décider où le placer.
SPIP range les articles dans des rubriques. Pour comprendre l'organisation
de ces rubriques, allez soit dans le menu édition, soit dans le menu
navigation rapide :

Cliquez sur la rubrique dans laquelle vous voulez écrire votre


article et cliquez sur l'icône écrire un nouvel article. Vous
accédez à la page de rédaction de l'article.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 9 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

Complétez les champs Titre, Sous-titre, Chapeau, Texte... et validez. SPIP enregistre
votre article et affiche le résultat en colonne principale.

Remarque : pour l'instant votre article n'est pas visible du site public. Il est seulement
« en cours de rédaction ».

Vous pouvez alors demander la publication de l'article ou bien le laisser en l'état


pour le reprendre plus tard, continuer à travailler dessus pour ajouter des éléments,
corriger des fautes.

Demander la publication d'un article


Quand votre article est prêt, il faut en tant que rédacteur demander sa publication
afin qu'il apparaisse sur le site public. Une fois sur la page de l'article, cliquez sur
l'icône suivante :

Votre article est alors soumis aux administrateurs qui recevront automatiquement un
email pour leur signaler votre demande, et afin qu'ils décident ou non de le publier.

Ce changement de statut vous permet également de vérifier la mise


en page « réelle » de votre article à l'aide de la prévisualisation.

Pour voir l'évolution des demandes de validation d'article, aller sur à suivre.

Dès que votre article est accepté, il passe sur le site public. Si
l'article ne convient pas il est refusé ou bien l'administrateur
peut vous demander de le reprendre. Pour connaître le statut
d'un article, voir l'icône de couleur qui lui est associé à côté de
son titre.

Modifier un article
Ouvrir cet article (par le menu édition par exemple) et cliquez sur l'icône
modifier cet article

Remarque : Il est impossible de modifier un article déjà publié, ou rédigé par un autre
rédacteur. Pour modifier un article déjà publié dont vous êtes l'auteur, il est
nécessaire de demander à l'administrateur de le remettre au statut « en cours de
rédaction ».

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 10 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

5.ENRICHIR ET METTRE EN FORME UN ARTICLE

Les articles sont les contenus principaux qui composent le site. Ils sont classés par
rubriques thématiques selon le choix des administrateurs du site.

Champs disponibles
Selon le choix de l'administrateur, certains champs de saisie peuvent être désactivés
par défaut.

• Sur-titre (désactivé)
• Titre (obligatoire)
• Sous-titre
• Sélection rubriques
• Descriptif (désactivé)
• Titre lien hypertexte
• URL lien hypertexte
• Chapeau
• Texte
• Post-scriptum

Le champ « chapeau » est toujours conseillé. Ce champ doit contenir une petite
introduction du texte en quelques lignes. C’est souvent le chapeau que les visiteurs
découvriront soit sur la page d’accueil du site ou dans les introductions des
différentes rubriques pour les inviter à lire le texte complet.

Remarque : Il est possible d’effectuer des « copier-coller » à partir d’un texte déjà
rédigé dans un éditeur de texte. C'est généralement conseillé pour les textes longs
afin de ne pas risquer la perte d'un travail après une fausse manipulation (oubli du
bouton « Valider » par exemple).
Attention cependant aux caractères spéciaux générés par le traitement de texte
(exemple : Word) qu'il faut parfois modifier manuellement.

Utiliser la typographie
Pour conserver une cohérence graphique générale, vous ne pouvez pas modifier
entièrement l'aspect de votre texte comme dans un traitement de texte classique. Les
polices de caractères, les tailles, les couleurs ont été choisies à l'avance par les
concepteurs du site. Par contre vous pouvez enrichir la typographie de votre article en
utilisant la barre typo lors de la rédaction de l'article :

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 11 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

Les différents boutons permettent d'ajouter un code de mise en forme à un texte


sélectionné.

Une fois habitué, vous pourrez directement taper ce code de mise en forme (voir les
principaux raccourcis typographiques en fin de guide). Une aide en ligne est
toujours présente au-dessus de la boite de saisie du texte pour se remémorer
l'ensemble des raccourcis utilisables dans SPIP.

Par exemple pour mettre un texte en gras : {{texte en gras...}}

Pour les utilisateurs avertis, il est aussi possible de taper directement du code HTML

Attention : l'apparence de l'article dans l'espace privé et le site public n'est pas la
même. Vous pouvez cependant « prévisualiser » l'article avant sa publication afin de
tester sa bonne présentation.

Ajouter un hyperlien
Pour créer un lien externe sur le texte « aller sur Google » :
[aller sur Google->http://www.google.fr]

Un lien vers une adresse email sur le texte « mon adresse email » :
[mon adresse->prenom.nom@xyz.fr]

Pour créer un lien interne au site :


● vers un article : [voir la FAQ->12] où 12 est le numéro identifiant de l'article
FAQ
● vers une rubrique : [Contactez-nous->rub4] où 4 est le numéro identifiant
de la rubrique Contact

Ajouter une image


Vous pouvez illustrer vos articles avec des images au format .gif, .jpg ou .png

Attention : les images utilisées doivent être adaptées à la publication sur le web et
avoir été au besoin redimensionnées, en taille comme en poids, avant d'être publiées.

1. Écrire votre article et le Valider (indispensable)

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 12 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

2. Modifier cet article > Ajouter une image

3. Sélectionnez l'image choisie sur votre disque et


cliquez sur Télécharger

4. Un aperçu d'image apparaît complété de plusieurs


indications (cliquez sur le triangle noir pour les
développer). Vous pouvez ajouter un titre et une
description à l'image et Enregistrer

5. Il faut maintenant placer l'image dans votre article.


Copier un des trois raccourcis typographiques sous
l'image et collez-le dans le texte, à l'endroit où vous
voulez que l'image apparaisse dans votre article,
avec un alignement gauche, centré ou à droite. Un
double clic sur le raccourci exécute directement le
copié-collé à l'endroit où est positionné le curseur
dans le texte.

6. Ne pas oublier de Valider de nouveau votre article


pour enregistrer les modifications.

Si l'image n'a pas de titre, vous aurez les 3 raccourcis


suivants :
• <img123|left>
• <img123|center>
• <img123|right>

Si l'image possède un titre, alors celui-ci s'affichera


sous forme de légende dans l'article grâce à un des
raccourcis suivants :
• <doc123|left>
• <doc123|center>
• <doc123|right>

Ajouter un logo d'article


Un logo d'article est l'illustration principale de l'article.

Sur le site AG3, le logo d'article s'affiche toujours à


droite sous le titre de l'article.

Pour lui associer un logo, l'article doit être créé et validé.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 13 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

Ajouter un document
Pour attacher un document à un article, procéder comme pour les images.

Vous pouvez ajouter de nombreux formats (pdf, zip,


doc...). Il est aussi possible d'attacher des images sous
forme de document : un plan à télécharger par
exemple.

SPIP ajoute une icône symbolisant le type de document


pour indiquer au visiteur la possibilité de le télécharger.

Les champs Titre et Description du document


permettent d'afficher dans l'article les infos relatives au
document.

Attention : Selon les hébergeurs, certaines limitations


de poids peuvent être associées au téléchargement de
fichier, généralement 2 Mo.

Trois types d'image


Sur le site, trois types d'images différents peuvent être
associés à un article :

1. le logo d'article
Il apparaîtra toujours placé au même endroit, dans le
chapeau de l'article, calé à droite, encadré d'un filet
coloré.

2. l'image d'article
C'est une image placée en mode édition de l'article.
Elle est positionnée en fonction du choix et du
placement du code <img|position> dans le texte. Il
faut choisir une règle de dimension à respecter. 550
pixels de large est un maximum pour une image
occupant toute la largeur du texte. 270 pixels de
large est le maximum pour une image insérée dans
le texte.

3. image document
Dans ce cas, l'image est associée sous forme de document à l'article avec le code
<doc|position>, avec une vignette (image réduite), sa taille en octets, et cliquable
pour l'afficher en taille normale.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 14 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

Associer des mots-clés


L’usage de mots-clés permet de spécifier le comportement d'un article sur le site. Sur
le site www.ag3.fr, ce rôle est attribué aux administrateurs.

Date de l'article
La « date de création » de l'article correspond à la date de sa première édition. Une
fois publié en ligne, c'est la date du jour de la publication qui est prise en compte
automatiquement. Seul l'administrateur peut éventuellement modifier cette date après
publication.

6.RUBRIQUES

La création et la gestion des rubriques n'est accessible qu'aux administrateurs du


site.

7.RECOMMANDATIONS

Aide
A tout instant, vous pouvez utiliser l'aide en ligne de SPIP, accessible à tous les
endroits clé de l'espace privé, sous la forme d'une icône point d'interrogation.
Cette aide est assez complète et son utilisation est recommandée dans la
phase d'apprentissage de SPIP.

Il y a aussi un « article type SPIP » sur : www.ag3.fr/Article-type-SPIP.html qui


expose toutes les possibilités de mise en page offertes par SPIP.

Et il y a bien sûr les liens sur les sites officiels :


www.spip.net/fr
www.spip-contrib.org/-Documentation-

Interface simplifiée ou complète


Dans la barre de séparation du backoffice, les deux modes « Interface simplifiée »
et « Interface complète » permettent de vous familiariser progressivement avec
l'outil, en affichant ou non les boutons et commandes moins fréquemment utilisées.
Une fois que le rédacteur se sent à l'aise avec toutes les fonctionnalités de base, il
est conseillé de passer en interface complète.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 15 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

Outils intranet de l'espace privé


SPIP dispose d'autres outils dans l'espace privé. Lorsqu'ils sont utilisés par une
équipe rédactionnelle, ils font office d'intranet pour faciliter et synchroniser le travail
de rédaction du site.

Voici les principaux outils disponibles :

● L'agenda calendrier est un outil de très puissant qui permet à la fois de suivre
la vie du site, de gérer ses contributions et d'échanger avec les autres
contributeurs.

● Le système de messagerie interne permet de communiquer facilement avec


d'autres rédacteurs ou administrateurs du site.

● Le forum interne est un espace d'échange tandis que les forums associés aux
articles proposés à publication permettent à tous les contributeurs d'émettre un
avis ou une question sur les contenus à publier.

● Le suivi des contributions des autres rédacteurs

Images
Bien qu'elles soient redimensionnées automatiquement par le système pour s'adapter
à la mise en page du site, il est préférable d'utiliser des illustrations de taille et de
résolution « raisonnable » pour accélérer le temps de chargement de la page et
optimiser l'espace mémoire : 100 Ko de poids et 550 pixels de large sont en
principe les valeurs maximum.

Avant de joindre des illustrations à un texte, il faut donc travailler préalablement les
images avec un éditeur graphique pour en réduire la taille et le poids.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 16 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

8.CONSEILS POUR L'ÉCRITURE EN LIGNE

Utiliser un vocabulaire simple


L'accessibilité du contenu passe par l'utilisation d'un vocabulaire simple. Il incite les
visiteurs à lire et est apprécié des moteurs de recherche. Le vocabulaire technique
doit être laissé aux rubriques dont les cibles sont plus spécialisées.
Réaliser des textes courts
Les internautes lisent deux à trois fois moins longtemps à l'écran que sur papier. Un
texte court a donc plus de chance d'être lu et de toucher sa cible.
Faciliter la lecture
Tout doit être mis en oeuvre pour faciliter la lecture, à la fois du côté rédactionnel,
comme du côté présentation. SPIP offre une liste de raccourcis typographiques qui
doivent être largement utilisés. Le texte doit être aéré en utilisant systématiquement
des sauts de lignes pour les paragraphe et éventuellement de l'iconographie.
Structurer les textes
Sur-titres, titres, sous-titres, chapeaux, titres de chapitres, paragraphes, liste à puces
ou numérotées, notes de bas de page, sites web en référence, tous ces éléments
sont à disposition dans SPIP pour structurer efficacement votre texte.
Titrer les documents
Quelque soit le type de document attaché à un article ou une rubrique, ceux-ci
doivent être titrés afin de ne pas désorienter le lecteur.
Synthétiser les informations
Plus vous serez synthétique, plus votre contenu sera compréhensible et accessible.
Attirer l’œil du visiteur
Logos, images sélectionnées et textes mis en valeur sont la clé qui retient le visiteur.
Jouer avec les hyper-liens
Qu'ils soient internes ou externes vers des sites en relation avec votre contenu, les
liens hypertexte ajoutent du dynamisme et de l'intérêt à votre contenu.
Sélectionner les informations
Pensez à vos cibles et aux personnes que vous souhaitez toucher, les informations
que vous publiez sont avant tout destinées à ces publics.
Donner des informations pertinentes
Vérifier vos sources. Citez-les si elles sont externes. Relisez vos contenus.
Maintenez-les à jour.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 17 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

9.CONSEILS D'ÉDITION SOUS SPIP

Les titres
Sur le web, plus encore que dans l'édition sans doute, les titres ont un poids énorme,
à la fois pour capter le visiteur, puis le lecteur, mais aussi au niveau de la sémantique
et du référencement par les moteurs de recherche.

SPIP offre trois niveaux de titres : sur-titre (désactivé), titre et sous-titre. Seul le
champ titre est obligatoire, mais les deux autres champs sont laissés à disposition,
car il est intéressant d'utiliser au moins le sous-titre pour renforcer l'impact.

Concernant la forme, c'est le concepteur des squelettes de page (le designer web) qui
fixe la typo, la taille, la couleur, l'espacement que doivent prendre chaque type de
titre.

Attention à l'équilibre du titre ! Il peut faire de un à cinq, six ou sept mots environ,
mais guère plus. Le fond et la forme sont tout aussi importants. Un titre ne devrait pas
dépasser deux lignes et son « équilibre visuel » dans les pages doit être testé avant
publication. Ces consignes s'appliquent aussi aux sous-titres.

La seule ponctuation de fin de titre autorisée est « ... » ; « ! » ; « ? » mais pas de


point, de virgule ou de deux points.

Le chapeau (ou chapô)


C'est aussi un élément clé du contenu, c'est « l'accroche ».

Ici aussi on doit chercher un équilibre visuel et éviter les sauts de lignes, ou les listes
à puces et énumérations, plus adaptées au corps de texte. Il faudrait au minimum
deux ou trois lignes et dix ou douze lignes maxi. Vérifier avant publication

Texte
Bien entendu, orthographe, grammaire et ponctuation doivent être aussi
irréprochables que possible. C'est l'image et la crédibilité de l'association qui est en
jeu. Ne pas hésiter à relire et à faire relire par plusieurs personnes tous les textes de
fond. Utiliser l'excellent correcteur orthographique de SPIP qui fait déjà une partie du
travail.

Respecter les usages de la ponctuation française : les trois points sont collés au mot
qui le précède et suivis d'un espace mais pas précédé d'une virgule, ne pas oublier
les points en fin de phrase ou de paragraphe, et l'espace après le point. Il est

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 18 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

préférable d'utiliser les doubles chevrons ouvrants et fermants français plutôt que les
double quotes anglaises.

Pour les citations, utiliser le raccourci quote :


<quote> Une Citation...</quote>

Pour les acronymes comme « SPIP », ne pas inclure de points entre les lettres. On
peut éventuellement décrire l'acronyme avec la balise suivante :
[SPIP->"Système de Publication pour Internet"]
qui génère une fois publié une bulle d'aide au passage du curseur sur le mot.

Mettre un minimum d'iconographie dans chaque article, photo ou illustration en


rapport avec le contenu. Mais attention à préserver une certaine unité à travers le site.

Les listes
Il y a trois sortes de liste sous SPIP :

1. La liste non ordonnée qui utilise les raccourcis « -* » et « -** » ou « -*** » pour
l'indentation. les tirets sont remplacés par des puces discrètes dans le contenu,

2. La liste ordonnée qui utilise les raccourcis « -# » et « -## » ou « -### »pour


l'indentation. Les tirets sont remplacés par des chiffres. On peut mixer les deux
(vérifier avant publication, les erreurs de frappe sont fréquentes),

3. les puces SPIP : ici un simple tiret suivi d'un espace est remplacé par une image
de puce par défaut. On l'utilise de préférence pour des petites listes uniques, ou
pour pointer un texte particulier ou un lien.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com
Réf.
Page 19 sur 19
Guide du rédacteur SPIP guide-redacteur-spip.pdf
Version 1.1
Date : 31/01/2007

10.MÉMO RACCOURCIS TYPOGRAPHIQUES

Il est possible d’effectuer une mise en forme des textes pour une meilleure
présentation. Pour cela, il faut utiliser les raccourcis typographiques SPIP, à insérer
dans le texte lors de la rédaction.

Attention : Les raccourcis typographiques vont parfois par deux : un code


d’ouverture { et un code de fermeture }. Un code oublié ou mal saisi peut « casser »
la mise en page du contenu. Toujours faire une visualisation de l'article avant
publication en ligne.

Quelques raccourcis les plus utiles


● Titre ou interligne : {{{texte}}} texte entre triples accolades

● Gras : {{texte}} texte entre double accolades

● Italique : {texte} texte entre simple accolade

● Puces : tiret suivi d'un espace en début de ligne. Le tiret sera


automatiquement remplacé par une puce

● Liste non ordonnée : tiret suivi d'une étoile et d'un espace -* en début de
ligne

● Liste ordonnée : tiret suivi d'un dièse et d'un espace -# en début de ligne

● Retour forcé à la ligne : tiret bas _ et un espace au début de la nouvelle ligne

● Lien externe vers un autre site : [texte->http://www.lesite.com]

● Lien vers un article du site : [texte->12] lien vers l'article 12

● Lien vers une rubrique du site : [texte->rub4] lien vers la rubrique 4

● Tableau : |aaa|bbb|ccc| éléments du tableau placés entre barres


verticales. Saut de ligne pour le rang suivant. Il est impératif de laisser une
ligne vide avant et après un tableau.

Il existe encore d’autres raccourcis typographiques, vous pouvez les trouver dans la
documentation officielle de SPIP ou dans l’aide en ligne de l’espace de rédaction.

© 2007 – JahanDesign.com – Reproduction interdite sans accord de l'auteur


Pierre JAHAN – Création & développement web
12 ruelle des argeracs, 06560 Sophia Antipolis
Tél. 08 70 277 488 – Mob. 06 1695 5790
www.jahandesign.com - pierre@jahandesign.com

Vous aimerez peut-être aussi