Aide des rédacteurs

Dossier destiné aux rédacteurs débutants et confirmés avec l’interface Spip 3.0.

Préambule

Autoformation des rédacteurs

A la demande de certains rédacteurs, et en attendant un stage dans l’ établissement, voici une « boîte à outils » qui vous permettra de vous autoformer en vue d’une contribution active au site du lycée propulsé sous Spip [[Consulter le site officiel de Spip.]].

Pour celles et ceux qui découvrent Spip …

Le menu « sommaire », situé à droite ci-dessus, vous permettra d’avoir accès directement à l’une de vos préoccupations du moment.

Avant de débuter la lecture de ce dossier, vous pouvez lire l’ article :

« Accueil du nouveau rédacteur »

Pour les « initiés » à Spip …

Il est recommandé de prendre connaissance de l’article :

« Comment rédiger un article sur le site »
afin d’appréhender la charte de présentation des articles destinés à la publication sur ce site.

Pour tous …

N’oubliez pas que tout n’est pas fini après la publication d’un article :

« Suivi de vos articles »

Bonne lecture à tous !

Conseils aux rédacteurs

Cette partie est destinée aux rédacteurs afin qu’ils puissent rapidement utiliser les possibilités de Spip.

Sommaire :

Publier sur un site SPIP

Différence avec un traitement de texte

Aide en ligne

Quelques conseils pour commencer

Je n’y arrive pas !

1. Publier sur un site SPIP

Ce site utilise Spip. Il fonctionne un peu comme un journal : les rédacteurs écrivent et proposent leurs articles, si le rédacteur en chef est d’accord (ici, il s’agit d’un administrateur du site), les articles sont publiés.

Vous pouvez écrire un article (ou une brève), le mettre en page, y joindre éventuellement images, documents, logo.

Une fois votre article fin prêt, vous le proposez à la publication et s’il n’y a pas de problème, il sera publié sur le site et visible des personnes autorisées à visiter cet espace.

2. Pourquoi est-ce différent d’un traitement de texte ?

Le texte de votre article va être affiché dans une page Web, et une page Web n’est pas mise en forme comme un traitement de texte, elle utilise un langage spécial appelé HTML.

Vous aller retrouver la totalité de votre texte, mais la disposition ne sera pas respectée, ni le style (gras, italique, souligné…). Spip va vous aider à mettre en forme votre texte comme vous le souhaitez, sans avoir besoin d’apprendre le langage HTML.

3. Aide en ligne

Vous trouverez aussi une aide détaillée et complète dans l’interface de rédaction/administration de Spip en cliquant sur les petits boutons d’aide qui vous renvoient directement à la zone d’aide d’un élément.

4. Quelques conseils pour commencer

Pour le style, vous pouvez utiliser les boutons de mise en forme de Spip [[Ces boutons sont disposés en haut du champ « Texte ».
boutons Sinon, pour modifier le texte, voir « Les raccourcis typographiques ». ]] (italique , gras , intertitre …) après avoir sélectionnée la partie de texte concernée.

Pour une disposition particulière du texte (retours à la ligne, tabulation), le plus simple est de mettre avant le texte concerné <pre> et après </pre> il s’agit de balises HTML qui indiquent qu’il faut garder cette disposition du texte. Pour décaler simplement un élément, il suffit de mettre avant <pre> </pre> avec ce qu’il faut d’espaces entre ces 2 balises pour le décalage souhaité.

5. Je n’y arrive pas !

Voilà, avec les informations ci-dessus et l’aide en ligne de Spip, vous réglez 95 % des questions de mise en page. Pour les 5 % qui restent non résolus, le plus simple est de m’envoyer un courriel m’expliquant ce que vous voulez faire, et je vous réponds comment faire ou comment remplacer, parce qu’on ne peut pas tout faire, par exemple, on peut faire des tableaux, mais on ne peut pas copier-coller un tableau Excel dans SPIP.

Présentation de l’espace rédacteurs

Présentation de l’interface de rédaction [[Cette page est inspirée de l’aide d’Eva et du Collège Jules Romains.]].

Sommaire :

Le rédacteur

L’administrateur

Présentation de l’interface privée des rédacteurs avec les différents boutons et leurs fonctions.

1. Le rédacteur

Il peut :

Rédiger un article :

écrire un nouvel article,
écrire une nouvelle brève,
ajouter une ou des images dans un article en cours de rédaction,
ajouter une pièce jointe (document texte, document sonore, document vidéo, animation Flash…) à un article en cours de rédaction,
joindre un logo à un article en cours de rédaction, il apparaîtra devant cet article dans la liste des articles,
réaliser des albums photo,
continuer et corriger ses articles « en cours de rédaction » ou « proposés à la publication »,
modifier une brève « à valider »,
référencer un site web,

Voir :

voir la liste de toutes les rubriques du site, même si elles n’ont pas encore d’articles, ce qui n’est pas le cas sur le site public,
consulter et donner son avis pour les articles des autres rédacteurs, proposés à la publication,
voir la liste de tous les administrateurs et des rédacteurs ayant écrit au moins un article,

Gérer sa messagerie Spip personnelle :

échanger des messages personnels avec un autre auteur,
écrire un pense-bête personnel,
lire les « annonces » des administrateurs,
poster un message dans le forum interne de Spip,

Modifier son profil personnel :

nom d’auteur (par convention, le prénom et le nom, pas de pseudos),
biographie,
site personnel,
nouveau mot de passe (l’identifiant n’est pas modifiable).

2. L’administrateur

En plus des possibilités du rédacteur, il peut :

créer des rubriques et sous-rubriques,
créer des diaporamas,
corriger et valider les articles proposés à la publication,
publier une brève « à valider »,
proposer un nouveau rédacteur,
configurer et personnaliser le site,
maintenir le site (sauvegarde, cache, …),
gérer les auteurs.

Ecrire ou modifier un article

La marche à suivre pour écrire ou modifier un article [[Cette page est inspirée de l’aide d’Eva.]].

1. Entrez dans l’interface d’administration

2. Cliquez sur Ecrire un nouvel article
ou
sélectionner l’article à modifier [[Soit un de vos articles « en cours de rédaction », ou « proposé à la publication » ; ou encore pour les administrateurs, naviguez dans l’interface pour retrouvez l’article à modifier.]] et cliquez sur Modifier cet article

3. Sélectionnez par le menu déroulant la rubrique dans laquelle vous voulez placer votre article. C’est aussi par ce même procédé que l’on peut changer (plus tard) un article de rubrique.

Sélectionner la rubrique

4. Dans la page d’édition de l’article, remplissez les différents champs : titre (=obligatoire), descriptif, texte, … en utilisant : les raccourcis typographiques pour formater votre texte.

5. Lorsque votre article est prêt, cliquez sur [Enregistrer] (en bas de page).

6. Maintenant que votre article est créé vous pouvez :

7. Si votre article est fini, cliquez sur [Demander la publication de cet article], ou si vous êtes administrateur vous pouvez le publier directement : Sélectionnez « publié en ligne », puis cliquez sur [Modifier] (administrateurs seulement).

Demander la publication

Vous pouvez aussi rédiger un article en plusieurs fois (revenir le compléter plus tard, le modifier, le corriger), tant que l’article n’a pas été publié par les administrateurs.

Seul l’administrateur peut corriger un article publié. Pour qu’un rédacteur puisse revenir sur son article (déjà publié), l’administrateur devra le remettre « en cours de rédaction ».

Les raccourcis typographiques

Comment utiliser les raccourcis typographiques de Spip [[Cette page est inspirée de l’aide d’Eva.]].

Sommaire :

Paragraphes et retour à la ligne

Gras et italique

Intertitres

Trait de séparation horizontal

Listes

Les liens hypertextes

Notes de bas de page

Tableaux

Conclusion

Pour faciliter la mise en page des documents publiés avec Spip, le système propose un certain nombre de « raccourcis typographiques » destinés à :

simplifier l’utilisation par des utilisateurs ne connaissant pas le code HTML
faciliter le traitement automatique de la mise en page.

1. Paragraphes et retour à la ligne

Pour créer des paragraphes, il suffit de sauter une ligne.

Pour faire un simple retour à la ligne, tapez sur la touche « Entrée » du clavier. Voici également deux astuces qui peuvent faire la même chose :

Utiliser du code HTML : il suffit d’écrire [[Spip comprend le code HTML. Tout ce qui est écrit entre les balises et sera compris comme du code HTML et exécuté comme tel. En HTML est la balise pour indiquer un retour à la ligne. Cela marche aussi souvent si on a oublié les balises et que l’on a mis directement dans le texte une balise comme .]]
Pour une disposition particulière du texte (retours à la ligne, tabulation), le plus simple est de mettre avant le texte concerné
```
 et après 
```
[[Il s’agit de balises HTML qui indiquent qu’il faut garder cette disposition du texte.]]. Toutefois, il est à éviter d'utiliser du code HTML dans vos articles.

2. Gras et italique

On indique simplement du texte en italique en le plaçant entre des accolades simples : du texte en italique. On peut aussi utiliser le bouton [[Ces boutons sont disposés en haut du champ « Texte ».
boutons ]] après avoir sélectionnée la partie de texte concernée.

On indique du texte en gras en le plaçant entre des accolades doubles : du texte en gras, ou on utilise le bouton après sélection du texte.

3. Intertitres

Les intertitres sont des titres à l’intérieur d’un texte permettant d’en indiquer la structure (comme ceux présents sur cette page). Dans Spip, on les indique très simplement en les plaçant entre des accolades triples : , ou on utilise le bouton ...) après sélection de l’intertitre.

4. Trait de séparation horizontal

Il est très simple d’insérer un trait de séparation horizontal sur toute la largeur du texte : il suffit de placer une ligne ne contenant qu’une succession d’au moins quatre tirets, ainsi :
----
donnera :

5. Listes

On peut fabriquer des listes dans Spip : il suffit de revenir à la ligne et de commencer la nouvelle ligne avec un tiret (« - »).

Notez : ici un simple retour à la ligne suffit (on peut faire des énumérations dans le même paragraphe) ; mais si l’on « saute » une ligne avant la ligne commençant par un tiret, une ligne vide est affichée avant l’énumération. Exemple :

bla bla

bla bla

bla bla

Pour avoir une liste à puce, on procède de la même manière, mais avec -* pour une liste numérotée, on utilise -#

6.Les liens hypertextes

On fabriquera facilement un lien hypertexte avec le code suivant : texte du lien
Spip est une initiative d'uZine.
devient :
Spip est une initiative d’uZine.

L’URL peut être une adresse absolue (commençant, comme ici, par http://), une adresse relative (vers une autre page du même site), un lien vers un document utilisant un protocole de l’internet (ftp://...), une adresse email (mailto:minirezo@rezo.net)...

Pour se simplifier le travail, on peut utiliser le bouton :

Liens hypertextes à l’intérieur du site
Ce même système de liens hypertextes facilite, de plus, la création de liens à l’intérieur d'un site sous Spip. La seule subtilité consiste à repérer le numéro de l’article, de la rubrique, ou de la brève vers laquelle vous voulez mener votre lien hypertexte : lorsque vous « visitez », dans l’espace privé, un article, une brève ou une rubrique, la colonne de gauche contient un pavé indiquant, en gros caractères, ce numéro. C’est ce numéro que vous allez indiquer dans le lien hypertexte :

Lien vers l’article 342 : l'article
pour sa part, art342 ou 342 affichera le titre de l’article 342 avec un lien vers cet article.
Rubriques : rub12
Brèves : br65
Auteurs : aut13
Mots-clés : mot32
Sites : site1

7.Notes de bas de page

Une note de bas de page est, habituellement, signalée par un numéro placé à l’intérieur du texte, numéro repris en bas de page et proposant un complément d’information.

Dans Spip, cette fonctionnalité (assez lourde à gérer manuellement en HTML) est automatisée : les notes sont numérotées par Spip, qui gère également des liens hypertextes à l’intérieur du document pour passer directement de l’appel de note au texte de la note correspondante, et vice-versa. Une note de bas de page est indiquée, dans Spip, entre doubles crochets :
Une note [[Voici un complément d'information.]] de bas de page.
donnera :
Une note [[Voici un complément d’information.]] de bas de page (le numéro sera incrémenté automatiquement pour chaque nouvelle note).

Là aussi, un bouton simplifie l’écriture :

8.Tableaux

Pour réaliser des tableaux dans Spip, il suffit de faire des lignes dont les « cases » sont séparées par le symbole « | » (pipe ou trait vertical [[On l’obtient en tapant sur un clavier Mac "Pomme + majuscules + l" et sur un clavier PC "Alt Gr + 6" le chiffre 6 au haut du clavier, pas celui du pavé numérique.]]), lignes commençant et se terminant par des traits verticaux.

Il est impératif de laisser des lignes vides avant et après ce tableau.

Par exemple :





 Nom 
 Prénom 
 Age 


 Marso 
 Ben 
 23 ans 


 Capitaine 
 
 non connu 


 Philant 
 Philippe 
 46 ans 


 Cadoc 
 Bébé 
 4 mois

donnera :

Nom	Prénom	Age
Marso	Ben	23 ans
Capitaine		non connu
Philant	Philippe	46 ans
Cadoc	Bébé	4 mois

9. Conclusion

Voilà tous les raccourcis qu’il vous faudra connaitre, pour « bien » débuter avec Spip. Mais il en existe d’autres que vous retrouverez dans l’interface d’administration : l’aide en ligne.

Putôt que de les apprendre par cœur, je vous suggère plutôt d’imprimer le document Mémento des raccourcis (pdf) qui vous permettra de les avoir toujours sous la main.

Reprendre un document Word

pour un article

Quand on dispose d’un document Word, comment utiliser celui-ci facilement dans un article Spip ?

Sommaire :

A la main

Avec une Macro

Avec SpipEdit

La situation est fréquente :

soit vous disposez déjà du document Word et vous souhaitez reprendre son contenu,

soit vous n’êtes pas encore à l’aise avec l’interface de Spip et vous préférez écrire votre article dans Word.

Si on place en copié-collé le contenu dans le champ « Texte » d’un article Spip, puis on enregistre et on constate que tout le texte est là, mais que sa disposition (tabulations, retours à la ligne) et le style (gras, italique, intertitre...) ne sont pas respectés. Il faut donc le remettre en forme avec le langage que Spip comprend.

1. A la main

La première méthode pour mettre en forme le texte est expliquée dans Conseils aux rédacteurs et Les raccourcis typographiques. Cette réalisation est facilitée par l’utilisation des boutons [[Ces boutons sont disposés en haut du champ « Texte ».]] :

boutons

Ce n’est pas difficile pour un texte court, mais pour un article complet, on peut se simplifier le travail avec d’autres procédés.

2. Avec une Macro

Il existe une macro pour Word qui peut réaliser la mise en forme nécessaire pour SPIP. L’article Macro Word explique son installation, son fonctionnement et ses limites ; la macro est téléchargeable en bas de l’article.

3. Avec SpipEdit

Encore plus puissant que la macro, il existe un logiciel qui réalise la transformation d’un texte Word en une mise en forme comprise par Spip. Le seul défaut de ce logiciel est de n’être disponible que pour PC.

Il se trouve sur le site Atoute réalisé par Dominique Dupagne.

Placer une image dans un article

Pour joindre une image à un article, il est impératif que l’article ait déjà été créé [[Cette page est inspirée de l’aide d’Eva.]].

Attention, à ne pas placer des images trop lourdes ; dans ce cas choisissez plutôt de la joindre en tant que document, et dans l’article, placez la vignette à l’endroit désiré (le lien vers le "grand" format sera fait automatiquement).

1. Dans l’interface d’administration, naviguez dans l’arborescence jusqu’à l’article auquel vous voulez joindre une image.

2. Cliquez sur Modifier cet article

3. Dans la page d’édition de l’article, sur le coté gauche :

ajouter une image

Cliquez sur [Parcourir], puis allez selectionner l’image que vous souhaitez attacher à l’article. Cliquez ensuite sur [Téléverser], attendez que le fichier ait été chargé sur le serveur, plus le fichier est gros plus le transfert sera long.

Une fois le fichier joint, la page se rafraichit.

4. Pour faire apparaitre l’image dans l’article il vous suffira d’y copier les « petits » codes (dans le champs « texte » et/ou « descriptif ») :

: pour aligner l’image à gauche, par rapport à un paragraphe, une ligne de texte, etc ...
: pour centrer l’image
: pour aligner l’image à droite, par rapport à un paragraphe, une ligne de texte, etc ...

5. Dans les paramètres de l’image que vous avez ajoutée, vous pouvez :

image sans titre

Changer le titre de l’image et le descriptif si vous le souhaitez.

Vous pouvez également supprimer l’image tant que l’article est toujours "en cours de rédaction". Ensuite seuls les administrateurs pourront supprimer/modifier l’image.

Joindre un document à un article

Pour joindre un document à un article, il est impératif que l’article ait déjà été créé [[Cette page est inspirée de l’aide d’Eva.]].

1. Dans l’interface d’administration, naviguez dans l’arborescence jusqu’à l’article auquel vous voulez joindre un document.

Si c’est pour un article cliquez sur modifier , puis dans la page d’édition de l’article, sur le coté gauche :

doc-2

Cliquez sur [Naviguer...], puis allez selectionner le document que vous souhaitez attacher à l’article. Cliquez ensuite sur [Télécharger], attendez que le fichier ait été chargé sur le serveur, plus le fichier est gros plus le transfert sera long.

Une fois le fichier joint, la page se rafraichit.

2. Pour faire apparaitre la vignette document à un endroit précis de l’article il vous suffira d’y copier les "petits" codes (dans le champs "texte" et/ou "descriptif") :

< doc15 |left> : pour aligner la vignette du document à gauche, par rapport à un paragraphe, une ligne de texte, etc...
< doc15 |center> : pour centrer la vignette du document
< doc15 |right> : pour aligner la vignette du document à droite, par rapport à un paragraphe, une ligne de texte, etc...

Si vous ne placez pas l’un de ces codes, la vignette du document apparaîtra toute seule en bas de votre article.

3. Dans les paramètres du document que vous avez joint, vous pouvez :

document

Remplacer la vignette par défaut en mettant celle de votre choix. Cliquez sur [Parcourir...], puis allez selectionner l’image souhaitée et cliquez ensuite sur [Télécharger]. Attention à ne pas mettre une image trop volumineuse, il est recommandé de se limiter à 120 pixels (largeur et hauteur) afin de ne pas alourdir les pages web.

Changer le titre ou la description du document. Ceci ne changera en aucun cas le nom du fichier que les visiteurs vont télécharger.

Vous pouvez également supprimer le document tant que l’article est toujours "en cours de rédaction". Ensuite seuls les administrateurs pouront supprimer/modifier le document.

Joindre un logo à un article

Cette page explique comment associer un logo à son article [[Cette page est inspirée de l’aide du Collège Jules Romains.]].

Sommaire :

Sélection de l’article

Joindre le logo

Logo pour le survol

Attention, si vous n’avez pas créé l’image vous-même, veillez bien à avoir l’autorisation de l’auteur ou à ce qu’elle soit libre de droit.

1. Sélection de l’article

Dans un premier temps, il faut d’abord choisir l’article auquel vous voulez joindre un logo :

"Edition du site" "Tous vos articles"

Puis cliquer sur l’article voulu.

2. Joindre le logo

logo de l'article (1)

Cliquez sur « Parcourir » sous « Télécharger un nouveau logo ».

logo de l'article (2)

Selon la version de votre navigateur, cliquez sur le bouton « Parcourir », « Browse », « Sélectionner », « File », « Fichier »... ce qui déclenche l’ouverture d’une interface permettant de sélectionner, sur votre disque dur, le fichier graphique correspondant à votre bouton.

Formats d’images

Lorsque vous créez vos images (avec votre logiciel habituel), vous devez les créer à l’un des formats suivants :

GIF (le fichier GIF peut être un « GIF animé ») ;
JPEG ;
PNG (pas toujours affiché correctement avec les anciens navigateurs).

Veillez particulièrement à ce que le nom de vos fichiers ait une terminaison indiquant leur format : .gif, .jpg ou .png. Le nom du fichier n’a aucune importance, à condition de ne pas oublier cette terminaison.

Taille de l’image

Le logo doit faire au maximum 210 pixels de large et jusqu'à 300 pixels de hauteur maximal pour que l’esthétique du site n’en souffre pas.

Afin d’éviter les erreurs graves de manipulation, Spip rejette les fichiers-image d’une taille supérieure à 256 ko.

Conseil : puisque ces « boutons » sont des éléments de l’interface graphique, veillez à ce que leur poids (nombre de kilo-octets) ne soit pas trop élevé (en général, moins de 10 ko) si vous voulez que la navigation sur le site reste fluide.

Télécharger le fichier « image »

Une fois ce fichier sélectionné, cliquez sur le bouton « Téléverser ». Votre logo s’affiche alors. Il est suivi d’un bouton « Supprimer », qui vous permet, simplement, de supprimer ce logo.

logo de l'article (3)

Remplacer le logo

Il peut arriver que vous vouliez remplacer le logo par un autre fichier. Cela se fait en deux étapes :

commencez par « Supprimer le logo » : l’interface précédente, dotée du bouton « Téléverser », apparaît à nouveau ;
téléchargez le nouveau fichier, selon la procédure déjà décrite.

Du fait du fonctionnement des butineurs, l’image qui s’affiche alors est erronée, puisqu’il s’agit encore de la version précédente (l’image est « en cache » de votre navigateur). Cliquez sur cette image (avec le bouton droit de votre souris, ou en maintenant la touche « ctrl » sur Macintosh) afin de faire apparaître un menu déroulant local : sélectionnez l’option « Recharger cette image » (ou, en anglais, « Reload image »). La nouvelle version de votre logo devrait alors s’afficher.

3. Logo pour le survol

Après l’installation du premier fichier (logo simple), l’interface affiche non seulement le logo que vous avez installé sur le serveur, mais ajoute une seconde interface, sous le titre « LOGO POUR SURVOL ». C’est par cette interface que vous pouvez indiquer le second fichier nécessaire à la gestion du survol, c’est à dire le logo qui apparaîtra au passage de la souris.

logo de l'article (4)

Si vous créez un bouton gérant le « survol », créez deux fichiers graphiques différents (un pour le bouton « normal », et un autre fichier s’affichant lorsque le bouton est survolé par la souris) : il convient alors que ces deux fichiers aient exactement la même taille (en pixels).

Si, lorsque vous avez installé les deux fichiers, vous supprimez le premier (le bouton « simple »), l’interface du second logo ne s’affiche plus. En effet, en l’absence du premier logo, il n’y a plus de raison de gérer un quelconque « survol » !

Aucune intervention dans le « texte » de votre article n’est nécessaire. Lors de l’affichage sur le site public, la gestion des logos des rubriques est entièrement automatique. Le code HTML sera généré en fonction de la taille du logo, et la fonction de survol en JavaScript sera également créée automatiquement.